Move variable add-tot-cart button before dropdowns in Woocommerce - wordpress

I'm trying to complete a site in WooCommerce using the storefront theme.
The product itself is a variable product, so it contains variations. I'd like to
move the variations to just below the add to cart.
Please see here:
https://ledpanellighting.co.uk/shop/colour/4000k/lled23pnl-w40-litelite-23w-led-panel-natural-white-4000k/
I'd like the dimming option to appear under the add to cart.
Is this possible?
Thanks

i'm not an expert but what you want is to move the Variations under the add to cart button(?).
I think you can use actions.
Just remove the current add to cart button and call him in earlier.
I use this to have the same result in my default Storefront Theme. (Putting the variations options under the add to cart option.)
BTW: I see that you have a heavily customised storefront theme, so i think that my code may not work in your theme unless you share which filters are you moving to have that layout.
add_action( 'woocommerce_single_product_summary', 'woocommerce_single_variation_add_to_cart_button',25 );
remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
This is how it look is in my default storefront, i hope is what you are looking for.

Related

Woocommerce update cart button doesn't update and somethimes removes the whole cart widget

So I have an issue with the Woocommerce cart. I can't seem to update the cart. When I try to update it, the product just goes back to it's current value and after trying it a few times in a row very quickly, the whole cart just disappears. Not just the products, no the whole cart widget. I feel like this has something to do with my theme in combination with Woocommerce, but I use the Astra theme, so I feel like it should work.
Any ideas on what is happening?
The order page:
https://www.patisserieproeverijaanhetspaarne.nl/high-tea/

WooCommerce Question: How can I remove the product gallery and its container?

It's my first time posting a question here if I'm doing anything wrong please let me know. TIA.
I am working on the Single Product Page of WooCommerce and I want to remove the "Product Gallery" only, not the main Product Image. I have the code to remove the Product Gallery but its' container still seems to be there, there is a weird margin below my product image which I believe it to be the gallery's original container? The code I'm using to remove the gallery is this and I have placed it in my function.php file
remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
Is there any more code that I have to add in to remove it entirely? Thank you.

Woocommerce add products

Im using the divi theme with Woocommerce. I need to know how to add more than one product from my home page, avoiding going to the product page. Just using add to the cart function or similar.
Regards
For example:
Add to cart

Woocommerce Klarna checkout layout modification

I am integrating my online shop with Klarna payment provider. Klarna checkout should overwrite the regular Woocommerce checkout page. The Klarna checkout is visible on the page BUT so is the regular Woocommerce checkout information - that should be removed. Additionally, Klarna checkout should be full screen (now it is in some grid).
Checkout page
Would appreciate if anyone can advice!
I tried to remove custom CSS from my theme's additional CSS but that did not help.
https://senjacosmetics.com/shop/
Wordpress, theme Ellie with Woocommerce plugin
You can remove the order review:
This code on functions.php
remove_action( 'woocommerce_checkout_order_review', 'woocommerce_order_review', 10 );
Or copy the checkout/review-order.php template to your child theme, and modify it.

Best place to add a Woocommerce single product page hook

I need to add a section of boilerplate text about shipping info to the end of the WooCommerce single product page, right after the SKU and Categories. I would like to do this via hook if possible so I don't have to modify any WooCommerce code/template. The theme that I'm working with (Divi) has bunches of code already in functions.php, so I'd also like to avoid modifying that file, too.
My specific question is "what's the best place to add a WC hook for this purpose?" I know I could create a child theme and in its functions.php add a WC hook, but then I'd have the problem of calling in the original theme's functions.php (I don't know how to do that). Or is there a better way?
Try to create your own plugin
https://codex.wordpress.org/Writing_a_Plugin

Resources