Add custom fonts in shopify
Step 1 — Download Font Files
Snippets library
Shopify
81 fixes pulled straight from client work. Each one is the actual problem, the steps, and the code that solved it. Copy what you need.
Advanced Image with text sections
Advanced Image with text sections
Advanced Subcollections/collection Grid
Advanced Subcollections/collection Grid
Book an Appointment Section – Direct HTML/CSS
This is direct HTML/CSS code that you can directly add in the shopify customize using custom liquid widget/section.
Change Shopify Dawn Theme Image Banner to include Video Background
Go to themes > Edit code > Sections > image-banner.liquid
Custom Liquid Extended
Custom Liquid Extended
Dawn – Image Banner section with Heading Tags
Dawn - Image Banner section with Heading Tags & Liquid Block with extended limits
Decode Common Special Characters in Meta Titles of Shopify Products of Pages
Often when we use special characters in meta title like &, “â€. â„¢, > or other is shows in title like this: &, &trade,…
Dynamic Sub Collections Display (Grid + Slider) in Collections template on shopify
Go to Shopify Dashboard > Metaobject > Create a metaobject definition. Use the following 👇 names.
Hide a Specific section if a Meta field is empty (Shopify)
Create a metafield and copy its name with type. Like a metafield (video_text_section_01_video_url_) created
Image/Video – Overlay Banner Section
Image/Video Overlay Banner Section
Logos/Images Section with links
Logos/Images Section with links
Make Any Shopify Theme Header Sticky Using JS
Copy the class name of that theme header like in this case header class= site-header
Make Parent Menu Item Clickable (Dropdown & Mega Menu) – Desktop & Mobile [Dawn Theme]
Please note if there is a mega menu repeat these steps for “header-mega-menu.liquid†too.
Remove empty h1 tag from shopify
Go to Theme > Edit code > Header.liquid
Rich Text with Image
Rich Text with Image & Video
Shopify Products Grid Section – Advanced
Shopify Products Grid Section - Advanced
Shopify Reviews Section
A Shopify fix, with the code that solves it.
Shopify: Show Product Meta fields on Frontend and hide that are empty
Namespace and key is the metafield key of product field
Show a bottom bar on any website/shopify with buttons on scroll
Add HTML or custom liquid widget on the target page or in footer if want it sitewide and then paste this code:
Very Advanced Reviews Slider
Very Advanced Reviews Slider + Grid with all controls: