If you’re making a one-page / landing page site and want to have the mobile popup menu close after clicking on a link, copy the following code:
<!-- Close Popup once anything within popup is clicked. -->
<script>
jQuery(function($){
$(document).on('click','.elementor-location-popup a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
});
});
</script>
Now, paste it into an HTML widget that you’ll put onto the bottom of the popup menu.
Add the following code to your functions.php file to disable users from accessing product pages within WooCommerce: /* Remove Links to Access Product Pages */ remove_action( ‘woocommerce_before_shop_loop_item’, ‘woocommerce_template_loop_product_link_open’, 10 ); remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_product_link_close’, 5 ); /* Prevent Users from Accessing Product Pages by Displaying the 404 Page */ function prevent_access_to_product_page(){
If you ever wanted to create conditional form fields with code using Elementor Pro, this tutorial will guide you on how to do that. We will be using an example where users will be asked if they would like to enter their address details. It will look like this once
Does your web page have a set of columns that all have buttons within them? Want to align the buttons to the bottom of the columns, but not sure how? Using the following methods can help you achieve that. Method 1 – Using the CSS Flex Method Step 1: Open
