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…
{% if template.name == 'index' %} <style> .header-wrapper { position: absolute; width: 100%; background: transparent; color: white; } .header-wrapper .list-menu span, details[open]>.header__menu-item, .header-wrapper summary svg, .header-wrapper a svg, .header-wrapper h1.header__heading…
https://youtu.be/KGTFXTp7EpM 1. Open settings_schema.json { "name": "Color Swatches Custom", "settings": [ { "type": "paragraph", "content": "Support AmazingLearning [Subscribing our Channel](https:\/\/youtube.com\/@amazinglearnings?sub_confirmation=1)" }, { "type": "text", "id": "optionName", "label": "Swatch option name",…