The Layered Images with Text section includes images overlaid with each other, surrounding the centrally-placed text/ information.
This design can form a visually appealing and dynamic layout for your Shopify store.
The Layered Images with Text section is often used to draw attention to featured information or key points on the website.
#How to add a Layered Images with Text section
Steps
- In the theme editor (Customize) > click Add section.
- Locate Layered images with text.
- Make necessary changes.
- Save.
#How to edit a Layered Images with Text section
Use the provided text fields to add a suitable Heading.
- Leave it blank if you do not want to display it
You can also change the Heading size to:
- Heading xs
- Heading sm
- Heading md
- Heading lg
- Heading xl
- Heading 2xl
- Display md
- Display lg
- Display xl
#Highlight text
Use the provided text fields to add a suitable Subheading and Description.
- Leave them blank if you do not want to display them
The call-to-action button will get the link from the provided Button link field.
Give the button a label, and a specific Button style:
- Primary button
- Secondary button
- Underline button
In the Layered images with text section, you can add up to 5 Image blocks.
Add an Image or image link (by connecting to a dynamic source) for each Image block to ensure proper display.
Enhance your images with captivating moving effects using our pre-defined custom classes:
- media-mover
- media-mover-reverse
- media-mover-reverse-slower
