Obs.: Descrições completas e thumbs completas. Falta finalizar a licença com os links das imagens do ORION SLIDER 4.

Changelog

Version 1.3
Added: ORION SLIDER 4

Version 1.2
Added: ORION SLIDER 3

Version 1.1
Added: ORION SLIDER 2

Version 1
* ORION SLIDER 1

Small Description

4 Cutting-Edge Divi Sliders.
And counting…

Product Description

4 Cutting-Edge Divi Sliders.

Features & Benefits:

– One-time Purchase Bundle! Receive all the current and future sliders that will be published in this pack;

– Automatic horizontal slider pagination (ORION SLIDER 1);

– Automatic side controller (ORION SLIDER 2);

– Automatic vertical slider pagination (ORION SLIDER 3);

– Thumbnails Slider for Product Showcase (ORION SLIDER 4);

– Custom unique animations;

– Modern and beautiful design;

– Fully responsive;

– Quick and easy setup;

– Ready to use.

 

Product Documentation

The product zip folder includes the following files:

* ORION SLIDER 1.json

* ORION SLIDER 2.json

* ORION SLIDER 3.json

* ORION SLIDER 4.json + 3 variations

* License.txt

The images will be imported automatically with json file.

LAYOUT IMPORT

* Make sure you have the latest Divi Theme installed and activated;

* Go to Pages → Add New and give your page a title;

* Click on Use The Divi Builder;

* Click on two-arrows-icon called “Portability”;

* Click on Import and select the json file of your choice;

* Wait until the layout is imported (it can take up to several minutes);

* Publish/save your page.

CSS LOCATION

Section > Row > Column > Under the slider module.

EDITING THE SLIDER – ITEMS LOCATION

 

  • Slider 1 and 2 | Tag above Title: on the description of the slider (Body Text);
  • Slider 1 and 2 | Background Images: enter the specific slider setting > background > select the tab with the image icon;
  • Slider 1 and 3: Transparent/Solid Background letters: on the advanced settings of every slider > inside “Before” field > content:”…”;
  • Slider 3 | Front Image: enter the specific slider setting > Image & Video;
  • Slider pagination/controller: automatic.

 

INSTRUCTIONS FOR ORION SLIDER 4

ALL COMMOM SLIDERS – SETTINGS

> The proper size of the product image is: 900px (width) x 900px (height).

You will use the same image of each slider for the sliders that have image thumbnail. P.S.: Regarding the thumbnails, the content inside of every thumbnail (color or image) will only show up on the live page. On the visual builder you will only see the border of the thumbnails.

> How to edit the border color of the thumbnails: https://youtu.be/LECQl2-s-co

> How to change the main background color: https://youtu.be/SjbG0AGT-Rs

> Editing Title/Description/Price/Button: https://youtu.be/6ncvW2WhBtY

> Button Link: Copy and use the link of your product checkout page on the button’s link field inside each slider: https://youtu.be/2l3lZAQRsz4

> Troubleshooting: https://youtu.be/kDrnmqhG9ZQ

P.S.: If you try to reorder the sliders, the thumbnails will jump to the right. To solve that, just duplicate the last slider and then delete the last slider.

DEFAULT AND VARIATION 2 – SETTINGS

> How to change the main image and thumbnails: https://youtu.be/7-kGMeRqy3U

VARIATIONS 1 AND 3 – SETTINGS (COLOR THUMBS STYLE)

> How to change the thumbnail fill color: https://youtu.be/SgYColWnLBQ

Enjoy your new slider!