Image/Video – Overlay Banner Section
Image/Video Overlay Banner Section
Snippets library
WordPress & Shopify Code Snippets
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.
Limit WordPress Search to Blog Posts Only
Add this code in codesnippets (Php)
Logos/Images Section with links
Logos/Images Section with links
Make a Shopify Dawn Parent Menu Item Clickable
Please note if there is a mega menu repeat these steps for “header-mega-menu.liquid†too.
Make any link not clickable with css
A Elementor fix, with the code that solves it.
Make Any Shopify Theme Header Sticky Using JS
Copy the class name of that theme header like in this case header class= site-header
Open a WordPress Menu Item in a New Tab (No Plugin)
A WordPress fix, with the code that solves it.
Pass URL Parameters Into an Elementor Form
A Elementor fix, with the code that solves it.
Pre-Tick the Save Payment Method Box at WooCommerce Checkout
A WooCommerce fix, with the code that solves it.
Redirect to Specific Page After Logout in WordPress
Add this code and change URL
Remove empty h1 tag from shopify
Go to Theme > Edit code > Header.liquid
Remove Link from any text or element with css
Find unique class/selctor/id of that link
Rename a WordPress Post Type Label (Products to Tools)
A WooCommerce fix, with the code that solves it.
Replace WordPress List Bullets With a Custom Image (CSS)
Give content a custom class eg: .cust-service-cont
Restrict Multiple Pages Based on Product Purchases
Change the product ids and page ids as required. To find page id you can edit an page and in url bar you can…
Restrict Page Access Based on Purchased Products in WooCommerce
This code restricts access to specific pages based on whether the logged-in customer has purchased at least one product from a defined list.
Rich Text with Image
Rich Text with Image & Video
Run a Custom JavaScript Function From an Elementor Button
…. Instead of …..
Shopify Products Grid Section – Advanced
Shopify Products Grid Section - Advanced
Shopify Reviews Section
A Shopify fix, with the code that solves it.
Show a Second Product Image on Hover in Elementor
A WooCommerce fix, with the code that solves it.
Show ACF Repeater Field In Elementor
Create you acf repeater field and make sure to copy field Name and sub field Name.
Show Current Date with shortcode [current_date]
A WordPress fix, with the code that solves it.
Show Different WooCommerce Account Content by Product Purchased
Includes reusable code snippets to display specific ACF data based on customer purchases.
Show Dynamic Subcollections as a Grid or Slider in Shopify
Go to Shopify Dashboard > Metaobject > Create a metaobject definition. Use the following 👇 names.
Show Iframe (HTML) on frontend using ACF
Acf by default blocks html tags eg Iframe to show on front end. To show it perfectly follow these steps:
Show Multiple Post Types in the Elementor Posts Widget
Source: https://www.scratchcode.io/add-multiple-post-types-in-posts-widget-in-elementor/
Show Product Description on Cart & Checkout
A WooCommerce fix, with the code that solves it.
Show Read More/Read Less Button on content with Overlay
Add a class text or description: zaib-readmore
Show Shopify Product Metafields on the Front End (Hide Empty)
Namespace and key is the metafield key of product field
Show Subcollections as a Grid on Shopify Collection Pages
Advanced Subcollections/collection Grid
Show the WooCommerce Sale Percentage Instead of the Price
Add this code in snippets and this will show percentage discount with price. You can hide the original price and then only percentage will…
Show Trending Posts by Views Count using Custom Query In Elementor
Add this php code in the wp code snippets plugin.
Show WooCommerce Customer and Order Data With Shortcodes
FIrst Add the PHP code in code snippets and then use these shortcode to display anywhere.
Show/Fetch/Iframe Specific Part of Page to Our Website
There is no direct way to show a specific portion of a page using iframe. But I have written a code in which there…
Style Elementor Carousel Dots and Arrows With CSS
How To / Short Tutorials by Me:
Swap the Elementor Header on Scroll (Sticky Header Change)
Tutorial Link: https://element.how/elementor-change-header-on-scroll/
Transfer/Migrate WordPress Posts Including Featured Images & Media
Install a plugin Export media with selected content on Old website
Turn Any WordPress Grid Into a Horizontal Scroll on Mobile
Main container CSS Class: grid
Very Advanced Reviews Slider
Very Advanced Reviews Slider + Grid with all controls: