Shopify

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

https://www.youtube.com/watch?v=q8YYjBpYQk8 1. Go to Dashboard click on pages and create new page. 2. Toggle the editor to HTML Code and paste below code: <style> .order-tacking { /* text-align: center; */…

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…

https://youtu.be/dkpeBRIV27g 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.{%…

https://youtu.be/K_NtNOqpc7w 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…

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