Styling for variables on shopping page

Hi there,

Try this CSS to remove the borders:

.post-type-archive-product table, 
.post-type-archive-product td,
.post-type-archive-product select {
    border: none;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

I missed your reply completely...But, another great and easy fix. Daan zero, Leo 10 :).

One follow up. Is it possible to add products to the cart without jumping back to the top of the page? (AJAX isn't it?)

It is especially annoying for mobile shopping. Will be forever in your debt.

Can you try Dashboard > WooCommerce > Settings > Products > Display > Add to cart behaviour > Uncheck Enable AJAX add to cart buttons on archives?

Hey Leo!

Unfortunately it wasn't that easy :(. I've tested it together with the Woo helpdesk and found out two things. Firstly, my website, when running GP, does not support AJAX in de shop. We've tested it with the Storefront Theme on a simple product, where it does work. Secondly, the PHP snippet I've send you doesn't support AJAX (also not in Storefront).
Any thoughts?

Hmm that doesn't sounds right. Before I unchecked that option, the page refreshed when I add something to the cart, and when I unchecked it no longer refreshes anymore.

I'll ask Tom to confirm.

Are we talking about the shop page?: http://demo.generatepress.com/shop/

Or single product pages?

Hey Tom and Leo, golden duo.

We are talking about the shop page.
I've now UNCHECKED The AJAX box in WC as requested (in Storefront it is the other way around right? AJAX checked means loading on page?).

Either way, on page loading for simple products doesn't function on my shop page (tested with a test product, since I don't sell simple products) AND it doesnt work on my variable products that I do sell directly from the shop page (using the custom PHP snippet). It doesn't function with and without the AJAX function checked. Any idea what I'm missing? Thank you so much!

Does it work with a non-variable product? Perhaps it's a limitation in WC?

It does with the Storefront theme, but not with GP.
I tried it on a simple product and it jumps back to the top after clicking "add to cart".

Is your shop functioning differently from our demo?: http://demo.generatepress.com/shop/

The actual shop page AJAX seems to be working fine.

GP itself doesn't alter core WC functionality - it only styles it.

So super strange. I've disabled all my php snippets and left AJAX ON, and it worked! (so of course nothing is wrong with your theme, as always).

Even though it didn't work last time with only this snippet deactivated, it does now!:

add_action( ‘woocommerce_before_shop_loop’, ‘handsome_bearded_guy_select_variations’ );

function handsome_bearded_guy_select_variations() {
remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’, 10 );
add_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_single_add_to_cart’, 30 );
}

So the problem is within this snippet I presume. Thank you for your time and effort as always! If you would know a line of php that would allow AJAX to work with this function it would be SUPER SUPER GREAT, but I'll understand if you think, nah, this goes way beyond my scope.

Thanks:)!

Perhaps try this instead:

add_action( 'woocommerce_before_shop_loop', 'handsome_bearded_guy_select_variations' );

function handsome_bearded_guy_select_variations() {
    remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
    add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 30 );
}

You were unhooking the regular add to cart, and hooking in the single product add to cart, which doesn't have AJAX.

This didn't do the trick, but thank you anyway for all the effort put into it!

No problem - do you have something working now?