Shop Design

1. Steps to set up

Log into SHOPLINE Admin > [Online Store] > [Design] and click on the "Theme Shop" tab. Select a theme and click "Add theme" to start off. 

 

2. Theme Selection

Go to SHOPLINE Admin > [Online Store] > [Design]. In the "My theme" tab, click on the "Design" button to edit the theme.

mceclip0.png

After clicking "Design", you can start editing the position of each component in the theme. The theme editing function of SHOPLINE is easy to use and easy to compose, which is very popular among novice store owners. You can choose the preset template or add components to start designing your theme.

mceclip1.png

Theme Design

When you enter the "Design" interface, move the mouse to the added preset components, click, hold and drag each component to a new position freely. At the same time, you can hide and delete the added components. Click undo and redo on the top of the page if needed.

mceclip3.png

Components

You can click "Add Component" to enter and select the functional component you need. After editing, the system will place it after the preset components by default, while you can hold down the left key of the mouse to customize the layout. 

mceclip4.png 

Theme

In "Theme setting", you can change text, color, Logo, buttons and other elements of your theme. 

Preview the Design Effect

When you finish the design, you can preview your design and layout in real-time on the right side. Select three modes (Phone, PC and Full screen) at the top bar of the page. Click "View the store" at the top right of the page to directly preview each page in different modes. At the same time, you can click on the QR code icon next to "View the store" and scan the code to view the display mode on the mobile terminal. Click Save to save the design. 

mceclip5.png

3. Theme shop

In order to allow businesses to create a varied store design, SHOPLINE currently offers 20 themes for different industries, allowing you to create a store that matches your brand style!

Click to view the demo of different themes!

Fashion:

Impress

bloom

casual

along

Maternal and Infants:

bobo

Outdoor:

deck

Trendy Brands:

simcoe

Household:

expect

Electonics:

edges

Accessories:

solid

 

4. Theme management

After you have chosen a theme, click "Add theme", the system will automatically return to the "Store Design" page. You can find the selected theme in the "Theme Library" at the bottom of the page. In the theme library, you can also customize the selected theme with "Rename", "Delete", "Copy", "Preview" and other operations.


mceclip8.png

 

Have more questions? Submit a request

Comments