The parameters used in the action hooks are one of the following:
| Parameter | Type | Description |
|---|---|---|
| $settings | Array | This is the entire array for setting the particular dragged dropped Product Grid & Slider Widget. One can add conditional logic as per the selected options in the settings. |
| $post_id | Number | This is the single post ID in the loop. This is useful when one wants to fetch post-specific data and display it. |
Now, let's go ahead and discuss the hooks that can be used in the Products Grid & Slider widget.
Action Hooks in Product Grid and Slider Widget#
pp_woo_products_before_summary_wrap#
This hook triggers before products' summary wrap. You can use it for adding additional content before the container that wraps the products in the grid.
function product_before_summary_wrap ( $post_id, $settings ) {
echo '<div> I am visible before the outer wrap of the products.
Use me to add some additional content before the product wrap begins. </div>';
}
add_action( 'pp_woo_products_before_summary_wrap', 'product_before_summary_wrap', 10, 1 );pp_woo_products_summary_wrap_top#
This hook triggers at the top of the products' summary. You can use it for adding additional content at the top of the summary.
function content_at_top_summary ( $post_id, $settings ) {
echo '<div> I am visible at the top of the products' summary.
Use me to add some additional content before the products' summary. </div>';
}
add_action( 'pp_woo_products_summary_wrap_top', 'content_at_top_summary', 10, 2 );pp_woo_products_title_before#
This hook triggers before the Products' Title. You can use it to add additional content before the product title.
function pp_product_title_before( $post_id, $settings ) {
echo '<div> I am at the beginning of the product title. </div>';
}
add_action( 'pp_woo_products_title_before', 'pp_product_title_before', 10, 2 );pp_woo_products_title_after#
This hook triggers after the Products' Title. You can use it to add additional content after the product title.
function pp_product_title_after( $post_id, $settings ) {
echo '<div> I am at the end of the product title. </div>';
}
add_action( 'pp_woo_products_title_after', 'pp_product_title_after', 10, 2 );pp_woo_products_price_before#
This hook triggers before the Products' Price. You can use it to add additional content before the products' price.
function pp_product_price_before( $post_id, $settings ) {
echo '<div> I am at the beginning of the product price. </div>';
}
add_action( 'pp_woo_products_price_before', 'pp_product_price_before', 10, 2 );pp_woo_products_price_after#
This hook triggers after the Product's Price. You can use it to add additional content after the products' price.
function pp_product_price_after( $post_id, $settings ) {
echo '<div> I am at the end of the product price. </div>';
}
add_action( 'pp_woo_products_price_after', 'pp_product_price_after', 10, 2 );pp_woo_products_rating_before#
This hook triggers before the Product's Rating. You can use it to add additional content before the product's rating.
function pp_product_rating_before( $post_id, $settings ) {
echo '<div> I am at the beginning of the product rating. </div>';
}
add_action( 'pp_woo_products_rating_before', 'pp_product_rating_before', 10, 2 );pp_woo_products_rating_after#
This hook triggers after the Product's Rating. You can use it to add additional content after the product's rating.
function pp_product_rating_after( $post_id, $settings ) {
echo '<div> I am at the end of the product rating. </div>';
}
add_action( 'pp_woo_products_rating_after', 'pp_product_rating_after', 10, 2 );pp_woo_products_short_description_before#
This hook triggers before the Short Description of the product. You can use it to add additional content before the short description.
function pp_product_short_description_before( $post_id, $settings ) {
echo '<div> I am at the beginning of the product's short description. </div>';
}
add_action( 'pp_woo_products_short_description_before', 'pp_product_short_description_before', 10, 2 );pp_woo_products_short_description_after#
This hook triggers after the Short Description of the product. You can use it to add additional content after the short description.
function pp_product_short_description_after( $post_id, $settings ) {
echo '<div> I am at the end of the product's short description. </div>';
}
add_action( 'pp_woo_products_short_description_after', 'pp_product_short_description_after', 10, 2 );pp_woo_products_wishlist_before#
This hook triggers before the product's wishlist. You can use it to add additional content before the product's wishlist.
function pp_product_wishlist_before( $post_id, $settings ) {
echo '<div> I am at the beginning of the product's wishlist. </div>';
}
add_action( 'pp_woo_products_wishlist_before', 'pp_product_wishlist_before', 10, 2 );pp_woo_products_wishlist_after#
This hook triggers after the product's wishlist. You can use it to add additional content after the product's wishlist.
function pp_product_wishlist_after( $post_id, $settings ) {
echo '<div> I am at the end of the product's wishlist. </div>';
}
add_action( 'pp_woo_products_wishlist_after', 'pp_product_wishlist_after', 10, 2 );pp_woo_products_add_to_cart_before#
This hook triggers before the Add to Cart button. You can use it to add additional content before the add to cart button.
function pp_product_add_to_cart_before( $post_id, $settings ) {
echo '<div> I am visible before the add to cart button. </div>';
}
add_action( 'pp_woo_products_add_to_cart_before', 'pp_product_add_to_cart_before', 10, 2 );pp_woo_products_add_to_cart_after#
This hook triggers after the Add to Cart button. You can use it to add additional content after the add to cart button.
function pp_product_add_to_cart_after( $post_id, $settings ) {
echo '<div> I am visible after the add to cart button. </div>';
}
add_action( 'pp_woo_products_add_to_cart_after', 'pp_product_add_to_cart_after', 10, 2 );pp_woo_products_category_before#
This hook triggers before the categories link. You can use it to add additional content before the categories link.
function pp_product_category_before( $post_id, $settings ) {
echo '<div> I am visible before the categories link. </div>';
}
add_action( 'pp_woo_products_category_before', 'pp_product_category_before', 10, 2 );pp_woo_products_category_after#
This hook triggers after the categories link. You can use it to add additional content after the categories link.
function pp_product_category_after( $post_id, $settings ) {
echo '<div> I am visible after the categories link. </div>';
}
add_action( 'pp_woo_products_category_after', 'pp_product_category_after', 10, 2 );pp_woo_products_summary_wrap_bottom#
This hook triggers at the bottom of the products' summary. You can use it for adding additional content at the bottom of the summary.
function content_at_bottom_summary ( $post_id, $settings ) {
echo '<div> I am visible at the bottom of the products' summary.
Use me to add some additional content after the products' summary. </div>';
}
add_action( 'pp_woo_products_summary_wrap_bottom', 'content_at_bottom_summary', 10, 2 );pp_woo_products_after_summary_wrap#
This hook triggers after products' summary wrap. You can use it for adding additional content after the container that wraps the products in the grid.
function product_after_summary_wrap ( $post_id, $settings ) {
echo '<div> I am visible after the outer wrap of the products.
Use me to add some additional content after the product wrap begins. </div>';
}
add_action( 'pp_woo_products_after_summary_wrap', 'product_after_summary_wrap', 10, 1 );Action Hooks in the Quick View Popup of Product Grid and Slider Widget#
pp_quick_view_title_before#
This hook triggers before the Products' Title in the Quick View popup. You can use it to add additional content before the product title in the quick view popup.
function quick_view_title_before( $post_id ) {
echo '<div> I am at the beginning of the product title. </div>';
}
add_action( 'pp_quick_view_title_before', 'quick_view_title_before', 10, 2 );pp_quick_view_title_after#
This hook triggers after the Products' Title in the Quick View popup. You can use it to add additional content after the product title in the quick view popup.
function quick_view_title_after( $post_id ) {
echo '<div> I am at the end of the product title. </div>';
}
add_action( 'pp_quick_view_title_after', 'quick_view_title_after', 10, 2 );pp_quick_view_price_before#
This hook triggers before the Products' Price in the Quick View popup. You can use it to add additional content before the product price in the quick view popup.
function quick_view_price_before( $post_id ) {
echo '<div> I am at the beginning of the product price. </div>';
}
add_action( 'pp_quick_view_price_before', 'quick_view_price_before', 10, 2 );pp_quick_view_price_after#
This hook triggers after the Products' Price in the Quick View popup. You can use it to add additional content after the product price in the quick view popup.
function quick_view_price_after( $post_id ) {
echo '<div> I am at the end of the product price. </div>';
}
add_action( 'pp_quick_view_price_after', 'quick_view_price_after', 10, 2 );pp_quick_view_rating_before#
This hook triggers before the Products' Rating in the Quick View popup. You can use it to add additional content before the product rating in the quick view popup.
function quick_view_rating_before( $post_id ) {
echo '<div> I am at the beginning of the product rating. </div>';
}
add_action( 'pp_quick_view_rating_before', 'quick_view_rating_before', 10, 2 );pp_quick_view_rating_after#
This hook triggers after the Products' Rating in the Quick View popup. You can use it to add additional content after the product rating in the quick view popup.
function quick_view_rating_after( $post_id ) {
echo '<div> I am at the end of the product rating. </div>';
}
add_action( 'pp_quick_view_rating_after', 'quick_view_rating_after', 10, 2 );pp_quick_view_short_description_before#
This hook triggers before the Short Description in the Quick View popup. You can use it to add additional content before the short description in the quick view popup.
function quick_view_short_description_before( $post_id ) {
echo '<div> I am at the beginning of the product's short description. </div>';
}
add_action( 'pp_quick_view_short_description_before', 'quick_view_short_description_before', 10, 2 );pp_quick_view_short_description_after#
This hook triggers after the Short Description in the Quick View popup. You can use it to add additional content after the short description in the quick view popup.
function quick_view_short_description_after( $post_id ) {
echo '<div> I am at the end of the product's short description. </div>';
}
add_action( 'pp_quick_view_short_description_after', 'quick_view_short_description_after', 10, 2 );pp_quick_view_add_to_cart_before#
This hook triggers before the Add to Cart button in the Quick View popup. You can use it to add additional content before the add to cart button in the quick view popup.
function quick_view_add_to_cart_before( $post_id ) {
echo '<div> I am visible before the add to cart button. </div>';
}
add_action( 'pp_quick_view_add_to_cart_before', 'quick_view_add_to_cart_before', 10, 2 );pp_quick_view_add_to_cart_after#
This hook triggers after the Add to Cart button in the Quick View popup. You can use it to add additional content after the add to cart button in the quick view popup.
function quick_view_add_to_cart_after( $post_id ) {
echo '<div> I am visible at the end of the add to cart button. </div>';
}
add_action( 'pp_quick_view_add_to_cart_after', 'quick_view_add_to_cart_after', 10, 2 );pp_quick_view_category_before#
This hook triggers before the Category links in the Quick View popup. You can use it to add additional content before the category links in the quick view popup.
function quick_view_category_before( $post_id ) {
echo '<div> I am visible before the category links. </div>';
}
add_action( 'pp_quick_view_category_before', 'quick_view_category_before', 10, 2 );pp_quick_view_category_after#
This hook triggers after the Category links in the Quick View popup. You can use it to add additional content after the category links in the quick view popup.
function quick_view_category_after( $post_id ) {
echo '<div> I am visible after the category links. </div>';
}
add_action( 'pp_quick_view_category_after', 'quick_view_category_after', 10, 2 );Hope this helps!
