WooCommerce / Avia Page Builder – hide elements from grid

  • Resolved db5zx

    (@db5zx)


    1 year ago

    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]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support shahzeen(woo-hc)

    (@shahzeenfarooq)

    1 year ago

    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.

    Thread Starter db5zx

    (@db5zx)

    1 year ago

    That worked beautifully, thank you!

    Jens

    Plugin Support shahzeen(woo-hc)

    (@shahzeenfarooq)

    1 year ago

    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

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘WooCommerce / Avia Page Builder – hide elements from grid’ is closed to new replies.