Blog

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",…

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:…