User Guide of Theme Dusk

1.EN_Support_e-Commerce.png

dusk_banner.jpg

“I imposed black; it is still going strong today, for black wipes out everything else around.”- Coco Chanel

SHOPLINE uses the classic black and white colour to design the Dusk theme. With the fluorescent colour, you can create a unique fashion shop. Bright colour and minimalist design are suitable for merchants who sell e-cigarette, 3C products, metal and machinery, automobiles, motorcycles, parts & accessories, fitness equipments, photographic equipment, audio electronics and electronic musical instrument.

 

A. Customise the color and font of the store according to branding

The Dusk theme is designed with an all-black background. By customising theme colors and fonts, you can create a distinct fashion brand image.

1. Custom theme color

The color will be applied to all buttons and member price tag. We recommend using light or fluorescent colors for better readability.

Location: Admin Panel > Online Store Design > Design > Storefront Template > Theme setting of Dusk
(Please set up the color with 6-digit HEX color code.HEX color code reference:https://htmlcolorcodes.com/)

Theme_Dusk_______.png

2. Custom theme font

We provide two types of font for the Dusk theme, Nunito and Lora. Once applied, the entire site will be replaced with the selected font. 

  • Nunito - a neat and modern font
  • Lora - an elegant and transitional serif font

Theme_Dusk_____.png

 

B. Features of Product Listing Page

1. Instant add to cart with half page design

A larger layout can present larger product images to show more product details.

8._Dusk_.png

 

2. The ratio of product image is 1:1

The square layout enhances the order of the page. 

You can unify the product images to fill the product box by going to Admin Panel > Online Store Design > Design > Advanced Settings > check the "Crop product images to fill the product box".

 

3. Preview the next product image

You can preview the next product image by hovering the mouse pointer over the product image.

  dusk_plp.gif

 

C. Banner size suggestion

Try this compressed image tool! It will help your website faster!
https://tinypng.com/

 

1. Advanced page

You can use a full-screen banner for home page, 1920 x 850px is recommended. 
dusk_banner_size.png

If you want your product to be displayed on the first screen, 1920x450px is recommended. The screen will be occupied three-quarters only and the products will be shown at the bottom.


dusk_size.png

 

2. Product Listing Page

At this page, merchants can upload a full-width banner to enhance the richness of the whole collection. Banner's height within 640px is highly recommended so that customers can see the first row of products when they land the page. 

dusk_plp_banner.jpg 

The above is the special introduction of Dusk, try it out now!

 

Have more questions? Submit a request

Comments