Dynamic Fallback Image for Product Loop Grid | Dynamic Shortcodes | Dynamic.ooo
Channel: Daveden WebDev
Date: 2024-03-26

Learn how to dynamically pull in a Product Gallery Image and [nested] dynamic fallback image into a Product Loop Grid in Elementor and GenerateBlocks. 

There is currently no integration within Bricks but I'm hopeful that the integration would happen soon.

► Dynamic Shortcode used ◄
Image ID with fallback: {woo:gallery-image-ids || 0 ? {woo:featured-image-id ? 110} }
Image URL with fallback: {identity: {woo:gallery-image-ids || 0 ? {woo:featured-image-id ? 110} } | wp_get_attachment_image(large)} 

► Dynamic Shortcodes Playlist ◄
▶️ Use Cases - https://youtu.be/zgttfnrl8OY
▶️ Color Management - https://youtu.be/khSqxRNCSuw

Subscribe for more Elementor and Bricks tutorials: 
🔗 https://davedens.link/subscribe

► Support my channel ◄ 
Buy me kofi - https://davedens.link/kofi
Donate on PayPal - https://davedens.link/paypal

► Connect with me: ◄ 
📺 Subscribe: https://www.youtube.com/@daveden2
👍 Facebook: https://www.facebook.com/daveden2
🐦 X (formerly Twitter): https://x.com/Daveden2
🌐 Website: https://daveden.co.uk/

► Recommended Tools (Affiliate Links - Support the Channel!) ◄
🔗 Elementor Pro - https://davedens.link/elementor
🔗 Dynamic Shortcodes - https://davedens.link/dsh
🔗 Crocoblock JetEngine - https://davedens.link/jetengine
🔗 Bricksbuilder - https://davedens.link/bricks
🔗 WDesignKit - https://davedens.link/wdkit
🔗 Epidemic Sounds - https://davedens.link/sounds
🔗 Hostinger: https://davedens.link/hosting

⏱️ Timestamp
0:00 Intro
0:25 Plugins used for the tutorial
0:40 The problems introduced
1:36 The WooCommerce Products used
2:22 The product loop grid in Elementor
2:39 Simple case - dynamic featured image with a static fallback image
4:05 Dynamical product gallery image in loop grid
6:54 Add featured image as a fallback
7:28 The Long Way - Using display conditions
9:17 The Easy Way - Using dynamic shortcodes fallback
10:47 Nested fallback images
12:28 Other powerful dynamic shortcodes conditional logic
14:15 Applying the dynamic fallback image shortcode in the block query loop
18:51 Conclusion

#dynamicshortcodes #elementor #generateblocks #woocommerce

🚨 Disclaimer:
Please note that some of the links in this description are affiliate links. If you choose to purchase a product or service through these links, I may receive a small commission at no extra cost to you. Your support enables me to continue delivering free content to you each week!

🎵 Soundtrack:
"Life is a Dream" by Michael Ramir C. 🎶