Skip to content
Mr Digitals
  • Home
  • HTML
  • CSS
  • Code Editor
  • 0
  • Toggle website search
0
Type then hit enter to search
  • Home
  • HTML
  • CSS
  • Code Editor

Author: administrator

This author has written 328 articles

PayPal donation button or link that has a credit card option

  • Post category:Uncategorized

https://youtu.be/m-Oe7aV_V20 Create a new file and name it paypal.html Paste below lines of code in the file which you created. Upload this file code to your hosting. <!DOCTYPE html> <head>…

Continue ReadingPayPal donation button or link that has a credit card option

Add Color Swatches in Shopify Product Pages? All Free Themes

  • Post category:Uncategorized

https://youtu.be/dYuaIn6ohkc https://youtu.be/5YjpOoZ0KkM 1. Go to Themes -> Edit code -> Config -> settings_schema.json Paste below code in line: 10. Or you can follow the video instructions to exactly compare the…

Continue ReadingAdd Color Swatches in Shopify Product Pages? All Free Themes

How To Add Color Swatches on Shopify Product Page?

  • Post category:Uncategorized

1. Go to Themes -> Edit code -> Config -> settings_schema.json Paste below code in line: 10. Or you can follow the video instructions to exactly compare the code next…

Continue ReadingHow To Add Color Swatches on Shopify Product Page?

Add FREE order tracking page in Shopify store

  • Post category:Shopify

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

Continue ReadingAdd FREE order tracking page in Shopify store

FREE Shopify Product Page Calendar Without App

  • Post category:Shopify

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…

Continue ReadingFREE Shopify Product Page Calendar Without App

How to Display Images Specific to the Selected Variant Product Page Shopify Prestige Theme | FREE Without App

  • Post category:Shopify

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.{%…

Continue ReadingHow to Display Images Specific to the Selected Variant Product Page Shopify Prestige Theme | FREE Without App

Display Images of Selected Variant – No App

  • Post category:Shopify

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…

Continue ReadingDisplay Images of Selected Variant – No App

How To Add Language Flag Selector Icons On Header? – Dawn Theme

  • Post category:Shopify

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

Continue ReadingHow To Add Language Flag Selector Icons On Header? – Dawn Theme

How To Make A Collection Slider Section with Circles Design

  • Post category:Shopify

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

Continue ReadingHow To Make A Collection Slider Section with Circles Design

Create Tags Filter in Shopify Store – No App

  • Post category:Shopify

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

Continue ReadingCreate Tags Filter in Shopify Store – No App
  • Go to the previous page
  • 1
  • …
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • Go to the next page

Main Menu

  • Home
  • HTML
  • CSS
  • Code Editor

Quick Links

  • Blog
  • About
  • Contact Us

Contact Info

  • Company:ShopWebsiteCodes
  • Address:Rajouri Jammu and Kashmir, India, 185133
  • Phone:+91-9145985880
  • GSTIN:01CJDPR9305K1Z5
  • Email:info@mrdigitals.comOpens in your application
  • Opens in a new tab
  • Opens in a new tab
  • Opens in a new tab
  • Opens in a new tab
  • Blog
  • About
  • Contact Us
Copyright © 2026 ShopWebsiteCodes
×

Cart