Animated Slideshow on Dawn theme

Store Design
, , , ,
1

Hi all, is there anyway to incorporate this code into the Dawn theme as a section?

Code: https://codepen.io/supah/pen/zZaPeE

Website: www.ourthirsttrap.com

Password: ilovethirsttrap

2

Hi @thirsttrap

I hope you are well. You can follow our detailed guide below:

Step 1: You can create the new snippet here and name it: https://prnt.sc/jL72BChPRxSy

Step 2: Adjust CSS code between {% style %} and {% endstyle %} tag. Like this for example: https://prnt.sc/al1wonw7ndpw

Step 3: Adjust HTML under the close tag {% endstyle %}, here you are: https://prnt.sc/wnoiwmwswCXN

Step 4: Adjust JS at the bottom, in between script tag: https://prnt.sc/BAUqV6VhJ56w

Step 5: You can add your code here: https://prnt.sc/Njm3XuBjOpPQ

In the CSS and JS code, there may be conflicts with the theme due to overlapping classes and scripts. As a result, customization is required rather than simply copying and using the code as is.

This process requires knowledge of HTML, CSS, and JS, and it will take time to create specific customizations. A ready-made solution cannot be provided immediately.

Thank you!

Best,

Daisy - Avada Support Team.