Get the look

Curate shoppable looks for your customers

What is the get the look section?

The Get the look section allows you to create shoppable looks or lookbooks for your customers. This is a great opportunity to demonstrate how to achieve the specific style or product combination to customers. The Beautify theme Get the look section groups products into ranges. Two products from each range are displayed in an accordion. This is combined with an image showing the look, with an optional inset image and roundel badge. 

Cherish-Get-the-look

How to set up the get the look section

Steps

  1. Open the Theme Editor.
  2. On the left hand side, click Add section and add a Get the look section.
  3. Set your desired Main image and add a Secondary image if desired.
  4. Choose whether to show a Roundel and configure the inner and outer text and layout. 
  5. Use the section Style settings to select a Color scheme and Section background.
  6. Click Add product range or select one of the existing blocks to showcase featured products and ranges. 
  7. Within the Product range block, enter a Heading for the range and select up to two products. 
  8. Highlight a specific product range by using the Open by default setting.

Tip

Use the section level setting Show cutout cards to choose the cutout layout where the product image breaks through the top of the card.

How to use the roundel

The Roundel is a circular badge which can be positioned overlapping the edge of the main image. This badge contains an outer text and an inner icon or text with optional outlines. The roundel can spin on scroll or independently. 

Steps

  1. In the Get the look settings select Show Roundel to reveal the roundel controls.
  2. Set the Color.
  3. In the Roundel: Outer settings, add Outer text (if used) and set the Line height and Letter spacing.
  4. In the Roundel: Inner settings, select the Content type to be Text or one of the two icon styles: Icon: Basic or Icon: Cosmetics. If using an icon select the preferred icon design. 
  5. In the Roundel: Layout settings, set the Roundel size and the outlines. Set the Spin to be On scroll, Slow, Medium, Fast or None.
Beautify Get-the-look with spinning roundel

How to use a section backgrounds

A section background can be used to create a smooth flow from one section to the next using gradients or colors. By matching section backgrounds or using gradients across multiple sections, sections can blend into one another.

Steps

  1. In the main Get the look settings, navigate to the Style settings.
  2. Select a Color scheme for the section. 
  3. Choose one of the five Section background options to show around the banner image:
    Default: Uses Beautify's default color scheme selected in Theme settings > Colors > Schemes.
    Color: Select a custom Background color
    Image: Upload a Background image
    Simple gradient: Set the gradient start and end colors, plus the gradient style
    Advanced gradient: Customize the gradient further using the COLOR STOP settings

Tip

For more information about creating a smooth flow between different sections, refer to our Seamless sections guide.

FAQs

How do I control product card design and layout?

Read more about product card design and layout in our Product cards guide.

What are cutout cards?

Some sections in the Beautify theme support cutout cards to create a more interesting user experience and bring the product image to prominence by breaking out of the card. Cutout cards are best used when product images have a transparent background. Learn more in the Beautify Product cards guide.

Bring your business ideas to life with Shopify

Can't find what you're looking for?

Our support staff are here to answer your queries, so don't hesitate to write to us!

Contact us