Shopify

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

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 {%…

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 }};…

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

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

https://youtu.be/y-kwJMnjWE0 1. Go to Shopify dashboard -> themes -> Edit code 2. Create a section video-text and paste below code. {{ 'component-image-with-text.css' | asset_url | stylesheet_tag }} {%- style -%}…

https://youtu.be/gRF6RzQ6Css 1. Go to Shopify dashboard -> themes -> Edit code 2. Create new section enter-page and paste below code {% if section.settings.show_enter_page %} <style> .scale-in-center{-webkit-animation:scale-in-center 1s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center 1s…