Shop the look

This section is a great feature that combines sale banners to attract customers to explore and buy products.

To add this section, please follow the below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Shop the look".

Section settings

Setting	Description
Heading	The title for this section.
Heading style	Style of the heading: Default Marquee from left to right - Scrolls text horizontally on the screen, starting from the left side and moving towards the right. Marquee from right to left - Scrolls text horizontally on the screen, starting from the right side and moving towards the left.
Heading size	The size of the heading text: Small Medium Large Extra large
Heading alignment	The alignment of the heading text and description within the section container: Left - Aligns the heading and description to the left. Center (default) - Aligns the heading and description in the center. Right - Aligns the heading and description to the right.
Description	The description for this section.
Collection	Which collection you want to display products from.
Maximum products to show	The number of products from the collection to display. Minimum: 2. Maximum: 25.
Number of columns on desktop	Determines the number of product columns on the desktop. Can be from 1 to 3, increasing arithmetically of 1.
Color scheme	Set the color for the section.

Image banner

Setting	Description
Image	Add the image banner for this section.
Heading	Add the heading for the banner.
Enable heading border	Displays border for the heading text.
Heading size	The size of the heading text: Small Medium Large Extra large Huge
Text	Add the text for this banner. This text displays below the heading.
Text size	The size of the text: Small Medium Large Extra large
Button label	The text that displays on the button.
Link	The URL that you want the button to link to.
Content alignment	The alignment of the content within the banner: Left - Aligns the content to the left. Center (default) - Aligns the content in the center. Right - Aligns the content to the right.
Button color scheme	Set the color for the button.

Product card

Setting	Description
Image ratio	The image ratio for the product images: Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped. Square - Crops the images to use a 1:1 ratio. Portrait - Crops the images to use a 2:3 ratio.
Show second image on hover	When the customer hovers their cursor over the product image, displays the second product image if the product has one.
Show vendor	Displays the vendors of the products.
Enable quick add button	Displays the quick add button that opens a popup displaying all the essential product details.

View all collection

Setting	Description
Enable "View all" if collection has more products than shown	Displays the "View all" button if collection has more products than the "Maximum products to show" setting.
Button style	Style of the "View all" button: Filled Text link Outlined

Mobile layout

Setting	Description
Number of columns on mobile	Determines the number of product columns on the mobile: 1 column 1.5 columns 2 columns
Show pagination	Displays the pagination for this section.

Section padding

Setting	Description
Top padding	Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).
Bottom padding	Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).