1
/
<section id="reddragon-slider"> <div class="slider-container"> {% for image in shop.metaobjects.reddragon_accessory.values.first.gallery %} <div class="slide"> <img src="{{ image | file_url }}" alt="RedDragon Artifact"> </div> {% endfor %} </div> <button class="prev" id="prevSlide">❮</button> <button class="next" id="nextSlide">❯</button> </section> <style> #reddragon-slider { position: relative; overflow: hidden; background: #0c0c0c; padding: 60px 0; } .slider-container { display: flex; transition: transform 0.5s ease; } .slide { min-width: 100%; box-sizing: border-box; } .slide img { width: 100%; border-radius: 4px; } .prev, .next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(199,163,75,0.3); color: #f9f3e3; border: none; padding: 10px; cursor: pointer; font-size: 1.5em; border-radius: 50%; transition: backgro
2
Stoicism/Life coaching...
Stoicism/Life coaching...
Regular price
$0.00 USD
Regular price
Sale price
$0.00 USD
Quantity
Couldn't load pickup availability
Learn how Stoicism Can Help You Live a Wise and PEACEFUL LIFE!
Share
