How to Make Transparent Header in Shopify
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:…
How To Add Before And After Slider Section in Shopify?
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…
How to Make a Header Transparent In Shopify (Free Themes)
{% 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…
How To Add Color Swatches in Shopify [Dawn 15.1.0]
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",…
How to add Pay in 3 interest-free payments Popup in Shopify Store
Enable Pay Later messaging on your website. Customize and preview Pay Later messaging. In your shopify store you can add the code with customization to show popup where customers can…
How to Add Sidebar Menu Animation in Shopify Store?
https://youtu.be/Xr_8p7yeBM4 1. Go to base.css and paste below CSS code at the bottom: .menu-drawer__menu.has-submenu.list-menu > li, ul.has-submenu.list-menu ul.list-menu > li { opacity: 0; border-bottom: 1px solid #555; -webkit-transform: translateY(10px); -moz-transform:…
How to add Sticky Add to Cart button on Shopify DAWN Theme V15 Without App
https://youtu.be/ATYy5Yg6TqM 1. Go to Shopify dashboard -> themes -> Edit code 2. Create a section sticky-atc and paste attached code. {% comment %} Sticky ATC © 2024 MrDigitals https://www.mrdigitals.com {%…
How to add Breadcrumbs in Shopify Without App 2024
1. Go to Shopify dashboard -> themes -> Edit code 2. Create new snippet breadcrumbs and paste below code. <style> .breadcrumbs { margin: 0 0 2em; background-color: {{ settings.breadcrumb_bg_color }};…
How to add collection tabs in Shopify? Without App
https://youtu.be/5fah_M98t2c 1. Go to Shopify dashboard -> themes -> Edit code 2. Create new section collection-tabs and paste below code. {{ 'component-card.css' | asset_url | stylesheet_tag }} {{ 'component-price.css' |…
How to Fix Mobile View blank White Page Shopify Store | [SOLVED] 2024
1. Go to Shopify dashboard -> themes -> Edit code 2. Open theme.liquid and paste below code just above </head> <style> html,body { opacity: 1 !important; } </style> https://youtu.be/gjaEBiVT6Fs