View Categories

Featured collection

The appearance of the featured collection #

#

Product card #

SettingsDescription
Image ratioAdapt to image: Uses the aspect ratio of the collection images is cropped.
Portrait: uses a 2:3 cropping ratio to the images.
Square: uses a 1:1 cropping ratio to the images.
Landscape:  uses a 3:2 cropping ratio to the images.
Round the corners of the imageIf you enable it, the product image corners will be rounded.
Show second image on hoverDisplays the second product image if the customer hovers their cursor over the product image.
Show titleYou can display show/hide product titles for specific sections.
Show priceYou can display show/hide product prices for specific sections.
Show vendorYou can display show/hide product vendors for specific sections.
Show product ratingYou can display show/hide product ratings for specific sections.
Show badgesYou can display show/hide product badges for specific sections.
Badge position on desktop
You can change position follow the options,
– Top left (default)
– Top center
– Top right
– Bottom left
– Bottom center
– Bottom right

NOTE: Position is automatically optimized for mobile.
Enable action buttonsYou can enable/disable the quick shop button for the specific section
Quick shop position on desktopYou can change position follow the options,
– Top left
– Top center
– Top right
– Bottom left
– Bottom center
– Bottom right
(default)
Show countdownYou can enable/disable countdown time.
IMPORTANT: You must need to configure a countdown metafield to display the countdown timer for a specific product. Learn more
Color scheme for countdownYou can change the color of the countdown timer.

Grid settings #

SettingsDescription
Maximum products to showThe number of products to display from the collection. Range will be increased by 2. Minimum amount of 2 and maximum 50.
Number of columns on desktopYou can select a product column per row following the options (2, 3, 4). This only applies to a desktop device.
Number of columns on mobileYou can select a product column per row following the options (1, 2). This only applies to a mobile device.

Slide settings #

SettingsDescription
EnableYou can enable/disable the slider for this section. By default, slider mode is enabled.
Auto-rotate slidesA slide show can be set to play automatically.
Change slides everyDetermine how frequently to update slides. Minimum 1s and maximum 10s
Show navigationYou can hide/show slider navigation next/prev arrow button. You can go to the next/prev slide by clicking the next/prev buttons.
Hover background colorThis is the navigation button hover background color.
Navigation colorYou can change the color of the Navigation.

Button settings #

SettingsDescription
Enable “View all” button if collection has more products than shownA “View all” button appears and directs customers to the collection page if the collection contains more products than the Maximum products to show field allows.
Button labelLeave the label blank to hide the button.
Button typePrimary: Use a solid background button style
Secondary:
 Use outline button style
Button sizeYou can change the button size follow the options, (Large, medium, small)

Section padding settings #

SettingsDescription
Desktop Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Desktop Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Mobile Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile.
Mobile Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.