https://youtu.be/MdJDMsZv0wA {%- style -%} #marquee-{{ section.id }} { position: relative; height: {{ section.settings.section_height }}px; padding-top: {{ section.settings.padding_top }}px; padding-bottom: {{ section.settings.padding_bottom }}px; overflow: hidden; background-color: {{ section.settings.text_background }}; {% if…
https://youtu.be/8i7r0w1HAkA <style> /* Outer section spans full width */ #testimonial-slider-{{ section.id }} { width: 100%; text-align: center; } /* Container for heading and slider */ #testimonial-slider-{{ section.id }} .testimonial-slider-container {…
https://youtu.be/5eZgfoANeeM 1. Create new section "images-slider.liquid" and paste attached code. <style> /* Outer section spans 100% width */ #images-carousel-{{ section.id }} { width: 100%; } /* The container wraps both…
https://youtu.be/22VqETK8dKg <style> /* Outer section */ #collections-slider-{{ section.id }} { width: 100%; text-align: center; } /* Container for heading & slider */ #collections-slider-{{ section.id }} .collections-slider-container { margin: 0 auto;…
https://youtu.be/7mQePY9iG0I <style> /* Outer section spans 100% width */ #products-slider-{{ section.id }} { width: 100%; } /* Common container for heading and slider */ #products-slider-{{ section.id }} .products-slider-container { margin:…
https://youtu.be/W_b8L2g66hU Adding a video slider to your Shopify store can significantly boost engagement, showcase product demos, and increase conversions. Whether you want to highlight customer testimonials, promotional videos, or product tutorials, a…
https://youtu.be/4iMIatR0FVw A well-designed pricing table can significantly boost conversions for your Shopify store, whether you're selling subscriptions, digital products, or tiered services. In this guide, you'll learn how to create a professional pricing…
URLs with query parameters (e.g., ?utm_source=facebook&variant=123) can make your Shopify store look messy, affect tracking accuracy, and even cause duplicate content issues in SEO. In this guide, you’ll learn how to automatically…
https://youtu.be/2TsIzTNYohQ @media only screen and (min-width:900px) { .product--small .thumbnail-list.slider--tablet-up li.thumbnail-list__item.slider__slide { transform: rotate(-90deg); width: calc(20% - .8rem); } .grid__item.product__media-wrapper slider-component.thumbnail-slider { position: absolute; top: 0; transform: rotate(90deg); width: 602px; /*…
https://youtu.be/yIoMZz6zA4c 1. Go to Sections -> main-collection-banner.liquid 2. Add this code below collection description code: <ul class="collections-list-scroll"> {% for collection in collections %} <li> <a href="{{ collection.url }}">{{ collection.title }}</a>…