I can't seem to place my 'add to cart button' inline with 'buy now' on product page. Debut Theme

Solved
Highlighted
Shopify Partner
112 1 11

Thanks a lot! I'll look into that. Still, it looks pretty awesome as it is now, thks!

0 Likes
Highlighted

you're welcome! wishing you a good weekend 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
Highlighted
Shopify Partner
112 1 11

Hey! Just noticed that it doesn't work properly in products with no variants! I tried adding the same styles to the following class with no luck!

.product-form--payment-button-no-variants {

 

Would you happen to know a solution?

Thanks!

0 Likes
Highlighted

Hello,

Repeat the same step I mentioned in this previous answer and this code as well. Don't forget to leave the previous one intact:

<style>
[id] .product-form__item--payment-button.product-form__item--no-variants{
    display: flex !important;
    flex-direction: row;
    align-items: center !important;
    justify-content: center !important;
}

.product-form__item--payment-button.product-form__item--no-variants > *{
    max-width: 50% !important;
    width: 100% !important;
    padding: 0 !important;
    max-height: 50px !important;
}

[id] .product-form__item--payment-button.product-form__item--no-variants button{
    margin: 0 !important;
}
</style>




◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Shopify Partner
112 1 11

Great! How can I leave a similar gap between the buttons as in the variant example?

0 Likes