align-add-to-cart-and-buy-now-buttons-on-product-page

https://xtemos.com/forums/topic/align-add-to-cart-and-buy-now-buttons-on-product-page/`

Hello!

On the topic above, what you did worked.

But analyzing here, it only works for variable products:
https://www.bhlfitness.com.br/produto/iso-whey-hidrolyzed-refil-837gr-evolve/

If I go to simple product, it doesn’t work:
https://www.bhlfitness.com.br/produto/vitamina-d3-15-ml-dux-nutrition/

And yet, in composite products, which I use the composite products plugin, it is all misconfigured:
https://www.bhlfitness.com.br/produto/iso-whey-refil-920gr-creatina-monohidratada-300g/

Could you help me to resolve this?

Note: Maybe the product group could do it directly through the Theme, right?

It’s just that before I used the port, and I kept these product kits as they were.

Thanks.

Hello,

You use the third-parties plugin, which changes the HTML structure of the plugin and https://gyazo.com/66d560d8fa722624d4770f28898edcd9

In this case, it is not possible to align them in the way you wish.

If you have any questions please feel free to contact us.

Best Regards

But in the simple product it doesn’t change right?

Why doesn’t he line up in Simples?
No variable works.

Now in the kit, this one is for another plugin.

Hello,

This HTML modification is applied to single products and grouped products only.

If you have any questions please feel free to contact us.

Best Regards

Hello!

Is it possible for me to create product kits through Woodmart?

I went to see here about linked vaiations, but it seems that it can only show simple products in a unified way.

But isn’t it possible for products that are already variable?

I wanted to put together a kit, like this example:
https://www.bhlfitness.com.br/produto/iso-whey-refil-920gr-creatina-c-beta-alanina-krea-pump-240g/

But without having to use the composite products plugin.

Can you help me with this?

Hello,

Please check this manual: https://xtemos.com/docs-topic/frequently-bought-together/

If it is not what you need, you will have to find a plugin providing this option.

If you have any questions please feel free to contact us.

Best Regards

Hello!

I tested it on another site with a simple product, and the adjustment of the buttons is not working, this one does not have the compound products plugin, which you said was responsible for disturbing the adjustments.

You can verify?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.summary-inner form.cart :where(.single_add_to_cart_button, .wd-buy-now-btn) {
	flex: 1 1 auto;
}

Best Regards

It worked great for the simple product page.

Wouldn’t it be interesting to have a native option in the theme to “enable” or disable this button configuration?

Because I already have several sites and I’m making others, and I need to go one by one pasting and saving codes….

But it worked, I put it in Custom Css for desktop.

Thanks.

Hello,

You can strength “Add to cart” and “Buy now” buttons using Woocommerce builder https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/ for creating a single product page custom template: https://xtemos.com/docs-topic/single-product-page-builder/

It would look as shown on this demo: https://woodmart.xtemos.com/mega-electronics/product/apple-macbook-pro-16-m1-pro-2/

In case, you do not want to use Woocommerce builder, you will have the custom code we provided.

If you have any questions please feel free to contact us.

Best Regards

That’s right, I even have a custom one like that.

But I had some unforeseen events, which I don’t remember now.

But all right, Thanks for the tips.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts