{% for collection in product.collections %}{{ collection.title }}{% endfor %}
BLOG
<span class="count">{{ cart.item_count }}</span> jQuery(document).ready(function() { jQuery("#addToCart").click(function() { setTimeout(function() { jQuery.getJSON('/cart.js', function(cart) { console.log(cart); jQuery("span.count").html(cart.item_count); }); }, 200); }); });
function playPauseVideo() { let videos = document.querySelectorAll("video"); videos.forEach((video) => { // We can only control playback without insteraction if video is mute video.muted = true; // Play is a promise so we need to check we have it let playPromise = video.play(); if (playPromise !==...
{%- for collection in collections -%} {%- if request.path == "/collections/accessories" and localization.country.iso_code == 'IN' -%} <script>window.location.href = "http://stackoverflow.com";</script> {%- endif -%} {%- endfor -%} <script> $(document).ready(function(){ $.getJSON("https://ipinfo.io", function(data) { console.log(data.country); if(data.country == "IN"){ window.location.href = "http://stackoverflow.com"; }else if(data.country == "RO"){ window.location.href = "https://www.google.com"; }...
<style> .hide_block { display: none !important; } .show_block { display: block !important; } .btn-coupon { width: 330px; display: block; margin: 0; margin-bottom: 15px; background: #5ce1e6; color: #fff; border-color: #5ce1e6; padding: var(--padding_btn_qv_add_to_cart) !important ; margin-right:12px; } #str_timer>span { border-bottom: 1px solid #b3b3b3; margin-right: 10px; font-size: 16px;...
Installation: # Using `yarn` yarn create hydrogen-app # Using `npm` npm init hydrogen-app@latest # Using `npx` npx create-hydrogen-app Running locally: Start a development server # Using `yarn` yarn install yarn dev # Using `npm` npm i npm run dev
Follow Below steps to create product image slider in shopify dawn theme: Go to theme -> Action -> Edit Code -> Layout -> theme.liquid Find </head> and paste below code just above this close head tag <!-- CSS --> <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> <!-- JavaScript -->...
<ul class="product-tags"> {% for tag in product.tags %} <li><a href="/collections/all/{{ tag | handleize }}">{{ tag }}</a></li> {% endfor %} </ul>
<a class="btn" style="margin-top:3em;" href="/cart/{{ product.variants.first.id }}:1"> Buy Now</a>
{%- capture topInfoBar -%} <div class="top-bar {% if section.settings.topbarmobile %}small--hide{% endif %}"> <div class="marquee-text page-width{% if section.settings.fullwidth %} fullwidth{% endif %}" id="carousel-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="carousel"> <div class="flex carousel top-info-bar" data-slick='{"slidesToShow": {{ section.settings.grid }},"slidesToScroll": 1, {%- if settings.rtl -%}"rtl": true,{%- endif -%} "infinite":...
