Order Tracking Page to BOOST your store authentication Certainly! Implementing an order tracking page in Shopify store can provide several benefits for both you and your customers. Order status page keeps customers informed about the status of their orders, improving transparency and satisfaction. It reduces customer inquiries and support requests, because they can easily track their […]
Shopify product page calendar Introduction Use the Shopify Product Page Calendar to easily add a calendar to your product pages. Schedule appointments, pick dates, or check product availability directly on the page. It boosts your Shopify store’s functionality, making it user-friendly. Customize it to match your brand’s look. Add a personal touch to your product […]
1. Update Alt text of images in the gallery for each product. 2. Go to Snippets -> product-gallery.liquid Find ‘media in product.media’ loop.Paste below code inside the open tag. {% if product.selected_or_first_available_variant.featured_media.alt != media.alt and product.selected_or_first_available_variant.featured_media.alt != blank %} style=”display: none;” {% endif %} thumbnail-alt='{{ media.alt }}’ 3. Go to Assets -> theme.js Find onVariantChange_fn […]
1. Update Alt text of images in the gallery for each product. 2. Go to Snippets -> product-media-gallery.liquid Find ‘product__media-item’ class in li tag which is inside product.media loop.Paste below code inside the li open tag. {% if product.selected_or_first_available_variant.featured_media.alt != media.alt and product.selected_or_first_available_variant.featured_media.alt != blank %} style=”display: none;” {% endif %} thumbnail-alt='{{ media.alt }}’ 3. […]
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> <details aria-haspopup=”true” role=”buton”> <summary tabindex=”0″> {% if localization.country.iso_code == ‘IL’ %} <img src=”{{ ‘il.svg’ | asset_url }}” alt=”country flag” width=”20″ height=””/> {% else %} <img […]
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” onload=”this.media=’all'”> <noscript>{{ ‘component-slider.css’ | asset_url | stylesheet_tag }}</noscript> {%- style -%} .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 […]
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; } .custom-sales-toggle a.turn-off { background: black; color: white; padding: 5px; border-radius: 5px; } </style> {% assign filtertag = ‘onsale’ %} <div> <a href=”{{ saleurl }}/{{ […]
Copy And Paste Below Code <div style=” position: fixed; bottom: 10px; right: 0; width: 50px; height: 50px; margin: 15px;”> <a href=”https://wa.me/+441234567823″> <img height=”100″ width=”100″ src=”https://yourwebsite.net/wp-content/uploads/2023/10/whatsapp.png”> </a> </div> https://youtu.be/mgpoaIEjTEw