General settings (Trending collections)

Set up the color :

• Main
• Secondary

*To choose or change the color style for main or secondary text, you can in theme settings.

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.

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

*If you remove the button label, it will be invisible.

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.

Choose from seven button styles:

• Default: Solid background with text.
• Default with icon: Same as Default, plus an icon. Add icon in Theme Settings > Buttons > Add icon to inline button option by pasting SVG code. For detailed steps on adding an SVG icon, see the “Buttons” article in Theme Settings, and look for the “Add icon to inline button” option. For example, you can use an arrow icon.
• Outline: Transparent background with colored outline and text.
• Outline with icon: Outline style with an icon. Add icon the same way as Default with icon style.
• Inline: Looks like a text link. You can also add an icon using the same steps as the Default with icon style.
• Inline with underline: Inline style with a permanent underline.
• Inline with underline on hover: Inline style with underline appearing 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 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.

Adjust the alignment of collection names displayed below the collection image. This setting affects all collection cards:

• Left
• Center
• Right

Choose a style for the heading:

• Default – Uses the sentence case or title case as you’ve named the collection in the dashboard.
• Uppercase – Displays the heading in all capital letters to match your design preferences.

Select a text font size that best suits your design:

• Extra small
• Small
• Medium
• Large

Choose from five arrow styles to match your design preferences:

• Caret
• Sharp arrows
• Circular arrows
• Straight arrows
• Sharp arrows with gradient

• Default: at the bottom of the section
• Below content: below heading, description, and button

The heading, description, and button are positioned at the top of the section above the collections. You can align them horizontally using the “Content align mobile” setting.

The slider arrows, which appear at the bottom of the section below the collections, can be aligned separately using the “Align arrows mobile” setting to match the overall content alignment:

• Left
• Center
• Right