You can add collections slider section in your shopify store by adding custom code. Here is the code attached below. https://youtu.be/MhLOtN1gKfg {%- style -%} #collection-slider-{{ section.id }} { padding-top: {{…
You can add videos slider section in your shopify store by adding custom code. Here is the code attached below. https://youtu.be/4ZQB88LWLMw <style> /* Outer section */ #video-slider-{{ section.id }} {…
Add color/variant name after product title in Shopify horizon theme. Follow below steps along with video to implement this feature properly. Find {{ product.title }} and replace it with below…
A modern alternative is the “Load More” button, which allows shoppers to see more products on the same page without reloading. It’s clean, fast, and enhances user experience — exactly…
<style> table.custom-product-table { border-collapse: collapse; width: 100%; } table.custom-product-table th, table.custom-product-table td { border: 1px solid black; padding: 8px; text-align: left; } table.custom-product-table th { font-weight: bold; } </style> <table…
https://youtu.be/btkve_UkTXI {%- style -%} .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; } @media…
1. Create new snippet 'progress-bar' and paste attached code. <style> .custom-progress-bar { text-align: center; transition: all 1000ms linear; height: 93px; } .custom-progress-bar.cart-shipping__wrapper { padding: 15px; max-width: 700px; width: 90%; margin:…
https://youtu.be/5x1e_yssW0U 1. Create new section 'video-slider' and paste attached code. {%- style -%} .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top }}px; padding-bottom: {{ section.settings.padding_bottom }}px; } .video-slider .testimonial__image { height:…
1. Go to Edit code -> header.liquid and paste below code at the top: {% if template.name == 'index' %} <style> .header-wrapper { position: absolute; width: 100%; background: transparent; color:…
1. Create a new section before-after and paste below code. {% assign unique_id = 'ba_slider_' | append: section.id %} <main class="ba_main {{ unique_id }}"> <div class="container before_after"> <div class="image-container"> <div…