WooCommerce / Avia Page Builder – hide elements from grid
-
Hi!
I am currently working on a product page (tickets from Event Tickets Plus) and would like to display them in a nice grid – but without the “Details” button, as the tickets don’t have a product page. Also, I would like to remove the link behind the image.
I have tried everything and anything, both on Avia and with the [product_category] shortcode. I can’t get it to hide anything with css on Avia and can’t even get the shortcode to work.
Any hint in the right direction will be greatly appreciated.
Best,
Jens
The page I need help with: [log in to see the link]
-
Hi there!
I understand you’d like to display your tickets in a grid without the “Details” button and also remove the link behind the product image.You can try hiding these elements with some custom CSS, You can try following CSS code.
.avia-product-slider-container a.button.show_details_button {
display: none !important;
}
.avia-product-slider-container a.button.product_type_simple.add_to_cart_button {
width: 100% !important;
}
.avia-product-slider-container .inner_product> a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
pointer-events: none !important;
}This should hide the “Details” button and disable the link on the product image.
Please note that we’re not able to provide support for custom CSS adjustments. If this doesn’t achieve the look you’re going for, I’d suggest contacting the Avada theme support team, as they’ll be best equipped to help you customize how the grid and buttons display in your theme.
That worked beautifully, thank you!
Jens
Hi there!
I’m so glad we were able to get that sorted for you! If you’re happy with the support you received today, would you consider leaving us a quick review? It really helps us out: https://wordpress.org/support/plugin/woocommerce/reviews/#new-post
You must be logged in to reply to this topic.