Skip to main content
Build your brand and increase sales with a premium ecommerce experience.

Lute sections: Interactive links

Updated

Overview

Ideal for displaying linkable interactive text with images that appear on text hover in a number of varied ways.

Section settings

Setting Description
Section width Set the width of the section using the drop-down menu:
  • Grid
  • Full width
  • Full width with gaps
Show top outline Displays the top outline of the section.
Show bottom outline Displays the bottom outline of the section.
Color scheme Set the color scheme of the section using the drop-down menu:
  • Background
  • Primary
  • Secondary
  • Tertiary
  • Custom
Background color Set the background of the section,visible when the Color scheme setting is set to Custom.
IMAGE  
Image ratio The ratio for the image:
  • Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.
  • Adapt to first image
  • 2:3
  • 3:4
  • 1:1
  • 4:3
  • 16:9
  • 21:9
Image width Set the width of the image. Defaults to 50%.
Image position Choose between Left and Right.
Links  
Text alignment Choose from Left, Center and Right.

Custom link block

Setting Description
Lable The label of the link.
Link URL for the link. Leave empty for no link.
Image The image that you want to display.
Edit alt text Add a brief image description to improve SEO and to describe the image for customers using screen readers.

Products block

Setting Description
Products Choose the products that you want to show.

Collections block

Setting Description
Collections Choose the collections that you want to show.