Outfit finder
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
Section header
Subheading
Use the subheading to provide additional context, supporting information, or a short description.
Heading
The primary text element used to introduce or label the content within this section.
Enable heading underline animation
Enable heading underline animation
Underline style
Select Underline style
Underline color
Customize Underline color
Description
A text element used to provide additional details or supporting information related to the heading or content 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
Displays a call-to-action button that links to the full collection associated with the section.
Product listing settings
Products per page
Limit the display of the number of products. Minimum: 1. Maximum: 24.
Items per row on desktop
Number of columns to display on desktop computers. Minimum: 2. Maximum: 4.
Column gap
4 options for column gap
No gap
Small
Medium
Large
Preview settings
Suggested outfit
Select products to be shown in the preview area by default when the page loads.
Max products per outfit
Set the maximum number of products a customer can add to the preview area.
Empty state notification
Customize the guidance text displayed in the preview area before any products are added.
Section padding
Top
Customize the top margin of the section
Bottom
Customize the bottom margin of the section
Last updated