Dynamic WooCommerce Tags for Elementor

EAC implement new and powerful features with dynamic tags for Woocommerce.
You can insert in any page of your site, elements specific to one or more products such as the price, the available stock, its availability without having to worry about the changes that will be made to these products.
This data will reflect its actual values without you having to update it.

    Enable dynamic tags for Woocommerce

    By default this feature is disabled.
    In the admin panel select EAC Components page then Features tab and activate the option WC dynamic tags and save settings.

    Woocommerce enable dynamic tag
    Enable dynamic Woocommerce tags

    Autocomplete Select2 with multiple selection

    Because a Woocommerce shop can display a large number of products, sometimes more than a hundred, we have implemented a simplified version of the Select2 control with autocomplete options which will allow you to search with a few characters for the most relevant results and select multiple items.

    Autocomplete Select2

    WooCommerce dynamic product content

    You obviously know how to access dynamic tags.
    Dynamic tags for WooCommerce cover all the constituent elements of a product, from its description to the number of sales already made for a product, including the available stock, its price, etc.

    Dynamic Woocommerce tags list
    WooCommerce dynamic product content

    WooCommerce dynamic product URLs

    URL to add the product and a quantity to the cart Product add to cart, retrieve the link of the page of a product by its title Product URLs and get the URL of a category with Category URLs

    Dynamic Woocommerce tags URLs
    WooCommerce dynamic product URL

    WooCommerce dynamic product image

    Retrieve the product image with the dynamic tag Product image or the image associated with a category Product category image.

    Dynamic Woocommerce tags images
    WooCommerce dynamic product image

    WooCommerce dynamic product gallery

    These dynamic tags work perfectly with the Advanced image gallery widget.

    Retrieve a product image gallery with the dynamic tag  Product gallery
    Display images from a category: Category gallery
    Display all product categories with the related image: Categories gallery
    Display all featured images: Featured gallery
    Display a gallery with images of best-selling products: Best sellers gallery
    Suggest a gallery of products related to a product: Upsell gallery
    Suggest a gallery of similar products: Similar gallery
    Display a gallery of recently sold products: Recent sales gallery

    ACF and WooCommerce dynamic tags list
    WooCommerce dynamic product gallery

    Concrete use case of dynamic tags for Woocommerce

    Use of the Promotion of products component which is perfectly adapted to this need.

    Product promotion widget
    Or you can create a widget from scratch to promote a product using the set of dynamic tags for Woocommerce. Each of the elements displayed being the result of a dynamic tag and in particular the background image which is displayed with the URL of the image of a category (Product category image).

    To be sure that the Woocommerce styles will be applied to the widget, edit the container properties, add woocommerce class in Advanced tab, Layout section, field ‘Css classes’ and the folowing styles in the ‘EAC custom CSS’ section.

    /** Reviews */
    .woocommerce .star-rating {
        float: left;
        color: #f2b01e;
    }
    
    .woocommerce .star-rating:before {
        color: #f2b01e;
    }
    
    /** Stock */
    .woocommerce .stock.in-stock:before {
      content: "\f118";
    }
    
    .woocommerce .stock.out-of-stock:before {
      content: "\f119";
    }
    
    .woocommerce .stock:before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      line-height: inherit;
      vertical-align: baseline;
      margin-right: .5407911001em;
    }
    
    /** Color and smiley stock out-stock */
    .woocommerce .stock.out-of-stock {
    	color: #e2401c;
    }
    

    3 thoughts on “Dynamic WooCommerce Tags for Elementor”

        • Hi… Thanks….
          What I’m trying to achieve is to create a Category page template, I’m using woolentor to make the template and asign it to the Archive ….
          So when the category page is browsed , the category image is the one assigned on the category …. and I’m already using dinamic Tags to bring the category name…. But No luck with the image…

          P.S. : KUDOS to the great work you’re doing here…. I still can’t get why you don’t go to the WP directory and try to monetize… (But thanks for the free ride, anyway)

          Reply

    Leave a Comment