Create a Interactive Map using SVG
Request Map Base preferably (SVG) format. (no hover interaction design) If JPG convert to svg and clean the image After clean (edit svg with notepad) Copy the whole content(html elements) of the SVG paste to the Visual Studio Code app. Run SVG to Chrome On Chrome, Select the path using F12 target them and checked […]
CPT Relationship (Taxonomy Field)
functions.php add_action( ‘elementor/query/related_industry_insights’, function( $query ) { if ( !is_singular(‘industries’) ) { return; } // Get selected terms from ACF taxonomy field $terms = get_field(‘related_industry_insights’); //your ACF field name if ( $terms ) { $term_ids = array_map( function( $term ) { return $term->term_id; }, $terms ); $query->set( ‘tax_query’, array( array( ‘taxonomy’ => ‘industry-category’, // your […]
Custom Accordion Styling
Pre-Arrival Visas Travel Working Pre-Departure Manual Your First Day Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Accommodation Homestay City Accommodation Flatting & Cost of Living Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Services […]
Add Adobe Fonts/Typekit On WordPress Elementor Pro
Elementor Settings > Integration > Adobe Fonts (TypeKit) Youtube link: https://www.youtube.com/watch?v=I_D9Hi5iO00
Main header background overlay transition (Mega Menu)
Auto-fill Gravity Forms field when a WooCommerce variation dropdown is selected
See Code Below: Note: Replace the Gravity form field ID
Elementor / Font Load / After Migration Issue Fixes
Page White Screen (Logged Out) Siteground – Dynamic cache tab > flush cache Not working page elementor Check plugin conflicts, if still exists WP > Settings > General | Permalinks | etc Save CORS (Cross-Origin Resource Sharing) Console Error (Fonts) / Font Load SSL Insecure Content Fixer > Tools > SSL Tests WP Settings > Permalinks > Save […]
Build a Dynamic Popup for JetEngine Listings in WordPress | JetPopup
Youtube link: https://www.youtube.com/watch?v=oxBgCEIg6mQ&ab_channel=Crocoblock Plugins: Elementor, Jet Engine, Jet Popup
Grid Column Adjustment for AJAX Taxonomy Filter + Loop Grid (Custom JS & CSS)
See Code Below: Note: This code is intended for 4th index of every 9th post. Adjust the index computation as needed.
Video length limit on Upload Field (Elementor Form)
Note: – Elementor > Custom Code (script) – Function.php (function) Script <script>document.addEventListener(‘DOMContentLoaded’, function() { const fileInput = document.getElementById(‘form-field-hero_videoupload’); if (fileInput) { fileInput.addEventListener(‘change’, function(e) { const file = e.target.files[0]; if (file && file.type.includes(‘video/’)) { // Covers all video types […]