1. Create new snippet 'language-country-flag' and paste below code: <style> .header-lang-switcher summary { display: flex; align-items: center; } </style> <localization-form> {%- form 'localization', id: 'FooterCountryForm', class: 'localization-form header-lang-switcher' -%} <div>…
1. Create new section 'collection-slider' and paste below code:{{ 'section-collection-list.css' | asset_url | stylesheet_tag }} {{ 'component-card.css' | asset_url | stylesheet_tag }} <link rel="stylesheet" href="{{ 'component-slider.css' | asset_url }}" media="print"…
1. Create new snippet 'onsale-filter' and paste below code: <style> .custom-sales-toggle { margin-bottom: 20px; } .custom-sales-toggle a { font-size: 12px; } .custom-sales-toggle a.turn-on { background: aqua; padding: 5px; border-radius: 5px;…
Copy And Paste Below Code Follow Below Video For Step-by-step Implementations https://youtu.be/bJfThfRX21Y 1. Create a new section and name it "testimonials" and copy content of Section/multicolumn.liquid 2. Create a new…
Copy And Paste The Below Code <style> .custom-product-slider .title-wrapper-with-link { display: block; } .custom-product-slider .title { text-align: center; font-weight: var(--font-heading-weight); font-size: calc(var(--font-heading-scale) * 2.4rem); } .dawn-product-slider { max-width: 1600px; margin:…
Follow given video to add custom Shopify thank you page https://youtu.be/iEJR1kP2-Nw Why Customize the Thank You Page? The default Shopify Thank You page is functional, but a customized page offers…
Watch below video for step-by-step implementation https://youtu.be/rtLrZ8Wsyfk What is the PayPal Smart Button? The PayPal Smart Button presents a dynamic payment solution that simplifies the checkout process for your customers.…
1. Create a section and name it marquee and paste below code. 2. Comment the default announcement bar from layout or theme if you want to. 3. Add {% section…
Follow below steps: Go to theme -> Edit codeAdd a new section 'typewriter'Paste the below code<style> .custom-typewriter-section { text-align: center; background:{{section.settings.colorBackground}}; } .custom-typewriter-section .title { margin: 0; font-size: {{ section.settings.textsize…
Follow below steps: Go to theme -> CustomizeAdd a new section 'Custom liquid'Paste the below code<style> div:has(.custom-video-section) { padding: 0 !important; } video { display: block; margin: 0 auto; width:…