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

Introduction to SHOPLINE Themes

 

SHOPLINE offers a wide selection of free themes tailored to various industries. These pre-built templates provide a strong foundation for your online store, allowing you to customize the look and feel to align with your brand.

Explore our theme shop to find the perfect template that showcases your products and engages your customers.

 

In This Article

 


 

Choosing a Suitable Theme

Choose a theme that best suits your industry and branding. Follow these steps to explore the right theme for you:

  1. From your SHOPLINE admin panel, go to Online Store > Design.
    1.1.png
  2. Go to the Theme shop tab to search for your preferred theme. Use the category tags and switch between tile and collection views to quickly find your desired theme.
    1.2.png
  3. Click on the theme you're interested in. In the pop-up window, you can:
    1.3.png
    • View the introduction and feature overview of the theme.
    • Select your preferred Theme style.
    • Click Preview to view the theme on a demo site.
    • Click Add theme to add it to your theme library. 
Note: Among the theme versions, it is recommended to select themes in the OS 2.1 version. These offer stronger website performance, better SEO results, and more design flexibility.

 

Theme Version Comparison Chart 

Feature  OS 2.1 OS 2.0 OS 1.0 Pro OS 1.0
Adding advanced components to store pages for fast store building Supported on all pages except for checkout Supported on all pages except for checkout Supported only on the product, product list, blog, blog category, and custom pages Supported only on the homepage
Customizing styles for mobile devices

Image, banner, and layout customization are supported.

Flexible customization on the product page is supported. 

Spacing adjustment between components is supported.

Image, banner, and layout customization are supported. Only image style is supported. Only image style is supported. 

Creating new templates for the product, product list, blog, blog category, and custom pages

Detailed User Guide

 

Adding dynamic sources such as text, images, URLs, numbers, colors, and JSON on the product and product list pages

Detailed User Guide

 
Website Performance for the theme

PC: 99
Mobile: 90+

PC: 90+
Mobile: 70+

 


 

Accessing and Using the Theme Editor

After selecting a theme, you can start designing your store by accessing the theme editor. 

 

Using the Current Theme

To configure settings for your current theme, go to the My theme tab and click Design in the Current theme module to enter the theme editor.
2.1.png

 

Using a Theme from the Theme Library

To use any of the themes stored in your library, go to the Theme library module and click Design on the chosen theme to access its editor.
2.2.1.png

To publish it as your store's theme, click Options and select Publish.
2.2.2.png

 

Next Steps: Building Your Store

After deciding on your store's theme, you can start building your store. For instructions on designing and setting up your store in the theme editor, please refer to the "Designing Your Store in Theme Editor" guide.

 

Have more questions? Submit a request

Comments