Hide Icon List Item (with Icon) if ACF Field is Empty
Add icon list and connect with ACF text fields
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.
Highlight any menu item using label
Copy the unique class of li and then apply the css below:
How to Arranges Tabs titles Horizontally in Mobile (Section/Column)
A Elementor fix, with the code that solves it.
Image/Video – Overlay Banner Section
Image/Video Overlay Banner Section
Issue: Allowed memory size of 41943040 bytes exhausted (tried to allocate 4096 bytes)
Increase the memory_limit in php.ini or place code in the wp-config.php
Logos/Images Section with links
Logos/Images Section with links
Make any link not clickable with css
A Elementor fix, with the code that solves it.
Make any section to Toggle/Fixed height and then show content with show more button
Add a class to section or widget: zaib-collapsible
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.
Multiple Post Types In Posts Widget: Elementor Pro
Source: https://www.scratchcode.io/add-multiple-post-types-in-posts-widget-in-elementor/
Open A Menu Item or link in new tab. (Just copy the item/items id and add in this format. Below format is for 2 items)
A WordPress fix, with the code that solves it.
Pass Information/Parameter From One page to a form with Link In Elementor
A Elementor 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
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
Save Payment Method Checkbox by Default on Checkout Page – Woocommerce
A WooCommerce fix, with the code that solves it.
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:
Show A rotated full opacity shadow on Hover on any section/container
Add a class to a container:
Show ACF Repeater Field In Elementor
Create you acf repeater field and make sure to copy field Name and sub field Name.
Show and Hide Any section/element With Show/Hide Button In elementor
This code will help to create a button that can help to hide or show any section/element (using id) on click and on click…
Show Any Customer/Order Woocommerce Data on Front End Using Shortcodes
FIrst Add the PHP code in code snippets and then use these shortcode to display anywhere.
Show Current Date with shortcode [current_date]
A WordPress fix, with the code that solves it.
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 Percentage Discount with Prices/Instead of price In WordPress/ Single Elementor Loop also
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 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 Second Product Image on Hover In elementor Product Loop Grid
A WooCommerce fix, with the code that solves it.
Show Trending Posts by Views Count using Custom Query In Elementor
Add this php code in the wp code snippets plugin.
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…
Show/Limit search to only blog posts – Remove pages from search in WordPress
Add this code in codesnippets (Php)
Sticky header Overlaps with Anchor connected section in elementor
Add an anchor menu widget in target section > add respective link/id
Transfer/Migrate WordPress Posts Including Featured Images & Media
Install a plugin Export media with selected content on Old website
Very Advanced Reviews Slider
Very Advanced Reviews Slider + Grid with all controls: