Elementor

Code snippets that take Elementor further without another add-on: back to top button, custom gallery, gallery hover for the Loop Grid, stock status widget, CSS IDs linked to Nested Tabs, and Posts widgets filtered by an ACF date field. Each article explains where the code goes and how to use it.

hook elementor/widgets/register
Elementor · WooCommerce

Stock Status Widget for Elementor

Elementor widget displaying the stock status of WooCommerce products. Designed for the Loop Builder (product cards in archives/categories).
Read the snippet →
hook wp_footer
Elementor · Plugins

Back to Top for Elementor

“Back to Top” button with progressive fill based on scroll. Automatically uses Elementor’s main color.
Read the snippet →
hook wp_footer
Elementor · Plugins · WooCommerce

WooCommerce Gallery Hover for Elementor Loop

Displays the first image in the gallery when hovering over the featured image in Elementor loops.
Read the snippet →
code PHP
Elementor

Create a custom gallery with Elementor

With this code we gonna add a custom gallery to an elementor page
Read the snippet →
code activateTabById()
Elementor

Custom CSS ID link to Elementor Nested Tabs

This script will allow us to run an URL directly to an Elementor tab
Read the snippet →
hook elementor/query/filtrage_date
Elementor · WordPress

Filter Elementor Post Widgets by date of an ACF field

We will display the posts created with ACF and displayed with the Elementor Post widget using a date field entered via ACF
Read the snippet →