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…
https://youtu.be/B9-MutyEkqQ 1. Go to Shopify dashboard -> themes -> Edit code 2. Create a new section sticky-atc and paste below code: {% if section.settings.enable_section and request.page_type == 'product' and product.available…
https://youtu.be/vRY2pwEQB2U 1. Go to Shopify dashboard -> themes -> Edit code 2. Open buy-buttons.liquid 3. Paste below CSS code at the top of file: <style> .good-choice::after { content: "GREAT CHOICE🎉";…
1. Create new section 'video-slider' and paste attached code. {%- style -%} #shopify-section-{{ section.id }} { --section-padding-top: {{ section.settings.padding_top }}px; --section-padding-bottom: {{ section.settings.padding_bottom }}px; } {%- if section.settings.hide_images -%} .testimonial__list-wrapper…
https://youtu.be/VNd7JqCxyjc 1. Create new snippet 'sizechart' and paste attached code. <style> .sizeguide-button { margin-left: auto; font-size: 1em; color: #000; cursor: pointer; transition: all 0.3s ease-out; text-decoration: underline; } .sizeguide-button:hover {…
https://youtu.be/XzLZpmptnzw 1. Create a new section marquee-images and paste attached code. <style> .section-{{ section.id }}.custom-marquee-images { display: flex; align-items: center; width: 100vw; max-width: 100%; height: {{section.settings.marquee_height}}px; padding-top: {{section.settings.marquee_padding}}px; padding-bottom: {{section.settings.marquee_padding}}px;…