User Guide of Theme Skya

1.EN_Support_e-Commerce.png

banner_copy.jpg

Here comes our new theme - Skya! It is perfect for shops selling sports products, outdoor activity gears, stylish clothing, tech products, etc.

SHOPLINE offers a wide range of custom themes, you can merge your own design to match with the brand identity and enhance the aesthetics of your store.

skya.png

 

A. Customize the theme color and font 

Skya offers various custom color options, allowing merchants to present the features of their websites and attract customers to browse and buy.

 

1. Custom color of header and footer

Skya provides the theme background color for merchants to design the websites. The color will be displayed on the header and the footer to match your brand image. 

Location: Admin Panel > Online Store Design > Design > Storefront Template > Theme setting of Skya

Screen_Shot_2020-08-17_at_3.15.26_PM.png 

 

2. Custom color of them and text

The custom theme color will be applied to buttons, pre-order reminders, members-only icon, shopping cart and labels. With the appropriate color scheme, your shop will be more vivid. 

Location: Admin Panel > Online Store Design > Design > Storefront Template > Theme setting of Skya

Brand color and custom them color can be used to alter the buttons and key information of the entire site. Please use the HEX 6-digit color code. (Avoid using light colors to improve readability)

Color Code Reference: https://htmlcolorcodes.com/

Screen_Shot_2020-08-17_at_3.15.57_PM.png 

Base on the background and theme color of the website, you can choose black or white as the text color to match with the main color. 

Screen_Shot_2020-08-17_at_3.16.43_PM.png

 

B. Product categories and product detail page

  • The layout of the product listing page is 3 products in a row, which is suitable for a larger product list and enhance the content marketing.
  • If you want the picture to be neat and tidy, you can set it according to the default size ratio (3:4) of the product picture.

Tips: For more information, please refer to FAQ: Photo Editor for Product (coming soon)

Suggested photo size: 825px (W) x 1100px (H)

7._Skya_-_plp.png

  • The left side of the product detail page is fixed. With the sliding product information on the right side, it will be more convenient for customers to browse.
  • The product information section is presented in tabs, which puts the descriptions in a smaller visual space so that customers can focus more on the pictures themselves. We suggest using simple and clear text descriptions to make the overall picture clean and harmonious.

sky_plp.gif

 

C. Use Banner to present your marketing Ads and create a beautiful website!

Placing a full-page banner on the home page to create a powerful brand image and attract customers.

How to set up a full-width banner:

Location: Admin Panel > Online Store Design > Pages > Home > Edit 

By using the image elements, you can select "Show full-width image" and "Remove top and bottom padding" in the setting. You can also upload multiple pictures to display in rotation.

Merchants can use the "Upload Phone Version" feature to cater the needs of mobile phone users as well.

Try this compressed image tool! It will help your website run faster!

https://tinypng.com/

1._Skya_-_home.png  

These are the features of Skya, try it out now!

 

Have more questions? Submit a request

Comments