General settings (Trending collections)


For this section, you will need to have created a collection of products. For a short guide on how to create a collection, please refer to the article in this documentation titled 'Short Instruction for Creating a Collection'.


Heading settings


Setting Description
Heading A text area for adding custom heading. 
Description To add a description to the “Trending collections” section, simply enter the text in the provided field. In the top menu of the field, you can find options to customize the text such as making it bold, italic, or adding a hyperlink. Additionally, you can also create bullet or numbered lists for your description.
Text color

Set up the color :

  • Main
  • Secondary

*To choose or change the color style for main or secondary text, you can in theme settings.
Color-changing text To change the colors of words that are not next to each other, use a comma. Choose color from the color palette below this option.
Custom color Highlight individual words using different color.
Content align mobile

The option allows you to choose the alignment of the heading (text and button) for mobile view. The available options are Left, Center, Right.

*This setting does not impact the desktop, or tablet version.

Button settings


Show button Mark the checkbox to add a button. 
Button label 

This option allows you to add a label to the button on the page.

*If you remove the button label, it will be invisible.
Button link To set a button link, you can enter the link URL directly into the “Button link” field or select a page from the dropdown list that appears when you click on the field. 
Button color style

This feature allows you to customize the color style of buttons. You have two options to choose from:

  • Primary
  • Secondary

This setting can be applied to buttons, links, and underlined links within the section.

*To choose or change the colors for these button styles, go to the “Colors” tab in the theme settings and locate the “Primary button” and “Secondary button” blocks. By changing the colors in the theme settings, the new color style will be applied throughout the entire theme.
Button style

You can choose from seven different button styles:

  • Default button: This is the standard button style with a solid background color and text.
  • Default button with icon
  • Outline button: This style features a transparent background with a colored outline and text.
  • Outline button with icon
  • Inline button: The inline button style blends seamlessly with the surrounding text, appearing as a link with the same color.
  • Inline button with underline: Similar to the inline button style, this option adds an underline to the text, making it more noticeable.
  • Inline button with underline on hover — this option adds an underline to the text on hover.

Card settings


Collection card on hover

There are four options available:

  • Default: This option causes the image to zoom slightly when hovered over.
  • Italic and link color: This option is similar to the default, but it also changes the font color of the links on the card to a different color and applies an italic style.
  • Rounded image and heading color: This option rounds the corners of the image and changes the heading font color to a different color.
  • Rounded image and heading icon: This option rounds the corners of the image and adds an arrow icon to the heading.
Image ratio

Image ratio is the ratio of its width to its height.

It can be:

  • 'Adapt to image' uses the aspect ratio of images. This prevents the images from being cropped.
  • 'Portrait' crops the images to a 2:3 ratio, where the height of the image is 1.5 times the width. It is suitable for images that have a taller or portrait orientation.
  • 'Square' crops the images to a 1:1 ratio, where the width and height of the image are equal. It creates a square-shaped display for your images.
Heading style Choose a style: default (sentence case) or uppercase to your design preferences.
Text font size Choose size for text: Large, Medium, Small
Text weight Control the thickness or boldness of card heading by selecting the appropriate text weight.

Slider settings


Collections in row Use the slider to adjust how many collections show in a row on the page.
Arrow style 

There are two options of styles:

  • Caret
  • Sharp arrows
  • Circular arrows
  • Straight arrows
  • Sharp arrows with gradient
Slider arrow position

Default: at the bottom of the section

Below content: below heading, description, and button

Align arrows mobile

Change on mobile the position of arrows at the bottom of the section to fit heading, description, and button at the top of the section:

  • Left
  • Center
  • Right

Section settings 


Setting Description
Section top space The "Section top space" setting allows you to adjust the amount of space at the top of the section using a slider. 
Section bottom space The "Section bottom space" setting functions similarly to the "Section top space" setting but controls the space at the bottom of the section. 
Background color To change the background color of the section, simply click on the circle labeled "Background color" and select an appropriate color from the color picker.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us