• Topic 主题 トピック Topic Topic
  • Sign in

Store Design


SHOPLINE provides a comprehensive collection of themes and intuitive tools to assist you in crafting your own store. The interface is designed with user-friendliness in mind, ensuring accessibility even for those without prior experience. You're not confined to using predefined templates; instead, you have the freedom to add any desired elements to create a customized design tailored to your specific needs.


In This Article



Theme Shop

To enable businesses to create a distinctive store design, SHOPLINE offers over 20 themes tailored to different industries, allowing you to align your store with your brand’s style. You can preview a theme before making your selection.

  1. From your SHOPLINE admin panel, go to Online Store > Design. Switch to the Theme shop tab.
    1-1. Online store _ Design _ Them shop tab.png

  2. Select a theme, preview it, and click Add theme to add it to your library.
    1-2. Add theme button.png



Theme Design

Now, you can begin designing your chosen theme.

  1. Go to Online Store > Design.
  2. In the pane on the right, go to the My theme tab and click the Design button to select and edit the theme.
    2-1. Online store _ Design _ Design.png

    The system will automatically redirect you to the SHOPLINE Editor page.
    2-2. SHOPLINE editor.png


In the Component module, you have the ability to rearrange the position of each component by dragging and dropping the six-dots control next to it, and/or edit its content. You can also hide or delete any added components. Use the undo and redo icons located at the top of the page if needed.

2-3-1. Components.png

To add more components, click the Add Component button.

2-3-2. Add components button.png



In the Theme settings module, you can modify the appearance of your theme, such as color schemes,  buttons, and other elements.

2-3-3. Theme settings.png


Preview the Design Effect

Once you have completed your design, you can preview it in real-time by selecting one of four modes (PC, Tablet, Phone, and Full Screen) at the top of the page. Click the View your store button in the upper right corner of the page to preview your store in another tab. Additionally, you can click the QR code icon next to the View your store button and scan the code to view the display mode on mobile devices. Click Save to save the design. 

2-3-4. Preview the Design Effect.png



Theme Management

Upon selecting a theme and clicking Add theme, the system will automatically return to the Store Design page. You will find your themes in the Theme library section at the bottom of the page, where you can manage them using options such as Rename, Delete, Copy, Preview, and more.

2-4. Theme library _ Options.png


Have more questions? Submit a request