How to Configure and Style Product Media #

Revitalize your online presence with our dynamic Product Media widget. Effortlessly showcase images to engage your audience and enhance user experience.

How to Activate Product Media #

To use this Sastra Addons element, find the ‘Product Media‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Product Media’ into the ‘Drag widget here‘ or the ‘+’ section.

After you are successfully done with this step, this is how the element is going to look like.

How to Configure the Content Settings #

To configure the content of your Product Media, simply click on the ‘Content’ tab.

General #

From General section, you can use toggle for enable/disable show sale badge and lightbox. If enable show sale badge option then you can also set sale badge text as well.

Image Gallery #

Image Gallery section divided into two sub-sections: Main Image and Gallery Thumbnails. From Main Image sub-section, you can you toggle for enable/disable show navigation arrows and show on Hover. Than you can use drop-down for navigation icon selection.

From Gallery Thumbnails sub-section, you can you toggle for enable/disable show thumbnail images with supported all devices. Moreover, you can set number for thumbnails per row.

Lightbox Popup #

From this section, you can change autoplay speed. You can use toggle for enable/disable lightbox icon, autoplay slides, show progress bar, show counter, show arrows, show caption, show thumbnails, show thumbs by default, show sharing button, show zoom button, show full screen button and show download button as well.

If enable lightbox icon option then you can set icon as your preference.

How to Style Product Media #

To customize Product Media, click on the ‘Style’ tab, and you will find many different options here.

Main Image Arrows #

From here, you can set color, background color and border color with hovered and normal option. Than you can change icon size, box size and horizontal position with supported all devices. Moreover, you can change transition duration and styling to border as well.

Gallery Thumbnails #

From here, you can change width, horizontal & vertical gutter and top distance with all supported all devices.

Sales Badge #

From here, you can set color, background color, border color, typography, margin and padding. Moreover, you can set shadow and styling to border as well.

Lightbox Icon #

From here, you can set color, background color, border color, transition duration, icon size, box size and margin. Moreover, you can set shadow and styling to border as well.

Getting stuck? Feel to Contact Our Support for further assistance.