Product finder: Color dots
The Product finder section allows you to create multiple tabs, each with a corresponding collection, providing a dynamic way to display content.
Section settings
General settings
Section width
3 options for container
Stretch width: span the section width regardless of screen size.
Fix width: depends on your page content width in Theme settings -> Layout.
Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme
Select colors from Theme settings -> Colors
Subheading
Subheading content
Heading
The title of the section
Enable heading underline animation
Enable heading underline animation
Underline style
Select Underline style
Underline color
Customize Underline color
Description
The description of the section
Heading size
The size of the title:
Small
Medium
Large
Alignment
The position of the heading and description.
Left
Center
Right
Show view all button
Enable the button that navigate to the corresponding collection
Collection tab
Collection tab style
Select the style for the tab selector
Inline with heading
Define the tab selector to be in the same line as the heading or in the next line.
Show color dot
Enable the dot for decorating
Carousel settings
Maximum items to show
Limit the display of the number of posts. Minimum: 2. Maximum: 12.
Items per row on desktop
Number of columns to display on desktop.
Column gap
4 options for column gap
No gap
Small
Medium
Large
Show navigation
Display the next and back controls for the carousel
Show pagination
Display the pagination for the carousel
Reveal next slide
Display a part of the upcoming slide.
Mobile options
Items per row on mobile
Number of columns to display on mobile devices.
Section padding
Top
Customize the top margin of the section
Bottom
Customize the bottom margin of the section
Block settings
Collection
Select the collection you want to display
Title
Title of each tab
Description
Description of each tab
Last updated