User Guide of Them Sangria

1.SHOPLINE_Support_e-Commerce.png

banner_copy.jpg

We proudly present our new theme - Sangria. It is designed for apparel shop, it fits to display clothing photos along with stunning layout. The responsive layout featured images to fill up in any screen size.

 

 

A. Customized Theme Colors and Fonts

Location: Admin> Shop Design > Design > Sangria Settings

1. Theme Color

Group_1.jpg

To match with your brand identity, theme color is available to be edit by typing color hex code. Colors will display on buttons and important information, please avoid to use light color for readability.

Colour code can be referred at https://htmlcolorcodes.com/

_____2019-01-09___11.58.27.png

Group_4.jpg

 

2. Theme Font

This theme provides two fonts to stylize the shop, once applied, the entire website will be replaced with the chosen font.

  • Lato - is suitable for modern and simple style,
  • Nanum Myeongjo - is a serif font, which presents a feeling of classic and literary style

Group_6.jpg

 

 

B. Responsive Layout

Sangria is a responsive design, which allows product images to scale according to the screen size. The default ratio of product image is 3: 4, it goes well on presenting clothing photos. You can apply "Crop product images to fill the product box" to unify all photos in the same size.

Location: Shop Design > Design > Advanced Settings

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

It is recommended to compress the image before upload, large image causes the loading speed of the website.

Compression tool: https://tinypng.com/

Group_2.jpg

 

 

C. Category banner

You can present the collections by adding a cover banner to each category. For better browsing experience, it is recommended not to use banner with large height.

Location: Products & Categories > Categories > Edit > Category Banners 

Recommended size: 1800px (W) x 400px(H)

Group_3.jpg

 

 

D. Two columns Product detail page

1. Two columns of product image

The product images are displayed in two columns, which is suitable for stores with many product images. It is designed for a better browsing experience.

2. Instant link

Worry about when there are a lot of images, product information will be easily ignored? We solved this problem with an anchor link underneath the "Add to Cart" button, which will take customers directly to the relevant section!

3. Sticky button

Moreover, when the page is scrolled to the bottom, "Add to Cart" button will stick to top so customers can always find it and go to checkout.

ezgif.com-video-to-gif.gif

 

 

E. Blog Page

Sangria provided a new layout of the blog page and it was divided into two sections:

  • Section A - Display the latest publish article in one big image to draw attention.
  • Section B - Include four articles with an eye-catching title

The image will be displayed in ratio 1:1 and no need to be cropped as Sangria displays the first image from the article and you can see the full image inside the article.

ezgif.com-video-to-gif_copy.gif

Let's try to apply Sangria on your store!

 

 

 

 

 

Have more questions? Submit a request

Comments