Card settings (Сollection list)

At first, add collections to collection block, then you can edit image ratio for the featured images of the collections:

Adapt to image: Displays the image in its original aspect ratio without cropping.

Landscape: This option crops the images to a 3:2 ratio, where the width of the image is 1.5 times the height. It is ideal for images that have a wider or landscape orientation.

Portrait: This option 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: This option 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.

Width 10 to height 13: When the width is set to 10 and the height is set to 13, it means that the image will have a slightly taller and narrower appearance compared to a standard rectangular shape. The height will be greater than the width, maintaining the ratio of 10:13.

You can choose whether headings use the Heading or Body text style.

• To change the font family, font size, or font weight of heading or body style, go to Theme Settings > Typography.
• Note: Changes in the Typography tab will apply across the entire theme.

The size of the card heading can be adjusted:

• Extra small
• Small
• Medium
• Large

Note: This setting works in conjunction with the Collection card heading font. Choose a font style that complements your selected heading size for optimal visual balance.

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.

You have three alignment options to choose from:

• Left: This aligns the heading to the left side of the section.
• Right: This aligns the heading to the right side of the section, 
• Center: This aligns the heading and subtext to the center of the section.

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.