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.
Table of Contents
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.
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.
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.
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
WooCommerce dynamic product image
Retrieve the product image with the dynamic tag Product image or the image associated with a category Product category 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
Concrete use case of dynamic tags for Woocommerce
Use of the Promotion of products component which is perfectly adapted to this need.
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;
}
Hi, How can I set a product category page section background image, dinamically with the category image?
Hi Fernando,
The dynamic tag to retrieve the image of a product category is not yet implemented and will be in the next version (v1.9.9)
Rgds
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)