Shop the look

About:

The Shop the Look section allows you to create visually appealing and interactive content blocks that showcase products in a cohesive, styled look. This section includes customizable settings for heading, layout, images, and product slides, enhancing user engagement and providing a seamless shopping experience.

General Settings:

Heading Size (XS / S / M / L / XL)

Layout Options (Dual content / Full width)

Reverse Positions (Reverse image and products carousel positions. This setting does not apply when the full width banner layout is selected.)

Show Pulse Dots (Leave unchecked if you do not want pulse dots shown.)

Image (Add an image that represents the "look" you are showcasing. The image will be displayed alongside the product slides.)

Product Slide

This section allows you to add up to 3 product slides, each linking to a specific product.

Product (You can see the shop the look card after selecting the product.)

Dot Position (Dot appears on the image selected from section settings. Visible on desktop only.)

Coordinates (These coordinates allow you to move the pulse points on the image so that when a customer clicks on a pulse point, they are redirected to the linked product.)

Horizontal Coordinates Vertical Coordinates

Utilization Tips

Setting Up the Heading

Choose an appropriate heading size (XS, S, M, L, XL) that fits your website's design.

Selecting Layout

Decide between Dual content or Full width layout based on the visual impact you want to create. If using Dual content, you can reverse the positions of the image and product carousel for varied layouts.

Image and Pulse Dots

Upload an engaging image that showcases the look. If desired, enable pulse dots to highlight specific products within the image.

Adding Products

Add up to 3 product slides, ensuring each product is relevant to the look you are promoting. Adjust the dot positions to align with the products in the image, using the horizontal and vertical coordinates.

Contact Us