Promotion cards

Section settings

Setting	Description
Heading	The title of the section.
Subheading	the subtitle of the section.
Heading size	Change the size of the heading text. Choose between small, medium, or large.
Media type	Specify an icon or image that will be displayed as the media in the card.
Media width	The width of the media. There are 3 values: small, medium, and large.
Image ratio	The image ratio for the image: Adapt to image (default) - Uses the aspect ratio of the image. This prevents the image from being cropped. Portrait - Crops the image to use a 2:3 ratio. Landscape - Crops the image to use a 3:3 ratio. Square - Crops the image to use a 1:1 ratio. Circle - Crops the image to display in a circle
Text position	Specify the position to display texts( heading, long text, and button ). There are 3 values: Left: texts before the media. Right: texts after the media. Bottom: texts below the media.
Number of cards per row on desktop	Use the range scale to select the number of cards that appear on screens wider than 989 pixels. Minimum is 1, maximum is 6.
Number of cards per row on tablet	Use the range scale to select the number of cards that appear on a widescreen between 751 pixels and 989 pixels. Minimum is 1, maximum is 4.
Automatically expand the last cards per row to fill the remaining space	If the last row is not fitted by cards, the theme will increase the width of cards in the last row to fit the row automatically.
Card alignment	The alignment of the images and text within the columns: Left (default) - Aligns the images and text to the left. Center - Aligns the images and text in the center.
Use transparent background card	Cards will be displayed without the background color.
Button label	The text displays on the button.
Button link	The URL that you want the button to link to.
Color scheme	Pick a color scheme.
Background image section	Pick or upload an image to display it as a parallax background.
Number of cards per row on mobile	Set a specific column layout on screens less than 750 pixels wide. Choose between 1 and 2 columns.
Media width	The width of the media on mobile. There are 3 values: small, medium, and large.
Enable swipe on mobile	Changes the mobile display from a column to a row, where customers can swipe sideways to see more collection blocks.
Card border	Adjust the border of cards.
Section padding	Add spacing to the top or bottom of the multicolumn section. Use the range slider to add between 0px and 100px of space above or below the multicolumn section.

 

Card block

You can have a maximum of 12 cards in a section.

Setting	Description
Image	The image that you want to display. Only works when the Media type in section settings is set to "Image".
Icon	The icon that you want to display. Only works when the Media type in section settings is set to "Icon".
Heading	The title of the card.
Description	The paragraph text on the card.
Link label [optional]	The text of a link is added below the card. Leave blank if you don't have a link added.
Link	URL for the link. Leave empty for no link.
Card colors	Set colors of text, background.