Product image markers

Date Added: August 16, 2019


Get 10% OFF your Elegant Themes membership
*(affiliate link)

Product image markers layout & tutorial

This free Divi layout and tutorial is from the Elegant Themes website blog post “How to Add Image Markers with Divi’s Transform Options”.

These layouts are created with by taking advantage of the Divi transform options to move the markers into the right place around the product image. .

The tutorial will show you how to;

  • Add the main image as a background image to the section
  • Add text modules for the markers and styled to look like buttons
  • Add Divider modules with transform rotate option added to point to the feature on the image.

Download this layout on the Elegant Themes blog

download divi layout JSON

To download the JSON layout file for this tutorial you will need to enter an email into the subscription box on the blog post. If you are already signed up to the Elegant Themes mailing list you will not be re-added. This sign-up form is found just below the layout Demos near the top of the post.

To import the layout to your Divi website you will need to extract the zip file and drag-and-drop the JSON file into your Divi Builder page.

Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting Divi Theme Examples.


There are no reviews yet.

Be the first to review “Product image markers”

Your email address will not be published. Required fields are marked *