Re: Change order in Buy Buttons section of Craft Theme

Solved

Change order in Buy Buttons section of Craft Theme

ASH2
Tourist
10 0 4

I am using two apps that both reside in the "Buy buttons" section of the Craft theme product page.  I would like the pricing to be below the product customize section.  I don't have the option to switch them in the theme customizer.  How can I do this?

move below.jpg

 Thank you!

 

https://00d94a-99.myshopify.com/

product page - https://00d94a-99.myshopify.com/products/beanie

password is - statau

Accepted Solution (1)

K-Mahesh
Shopify Partner
21 3 5

This is an accepted solution.

Hello @
You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your section-main-product.css file
3. Paste the below code from bottom on section-main-product.css

 

.product .product__info-wrapper .product-form .form {
    display: flex;
    flex-direction: column;
}
.product .product__info-wrapper .product-form .form koala-quantity-selector,
.product .product__info-wrapper .product-form .form koala-quantity-breaks-embed,
.product .product__info-wrapper .product-form .form .product-form__buttons {
    order: 1;
}

 

Screenshot 2024-07-27 155452.png
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

View solution in original post

Replies 5 (5)

BSS-TekLabs
Shopify Partner
2322 690 812

Hello @ASH2 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
ASH2
Tourist
10 0 4

K-Mahesh
Shopify Partner
21 3 5

Hello @ASH2 

Could you kindly provide us with your store URL and, if applicable, the password, so i can check and provide you possible solution for your question.

K-Mahesh
Shopify Partner
21 3 5

This is an accepted solution.

Hello @
You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your section-main-product.css file
3. Paste the below code from bottom on section-main-product.css

 

.product .product__info-wrapper .product-form .form {
    display: flex;
    flex-direction: column;
}
.product .product__info-wrapper .product-form .form koala-quantity-selector,
.product .product__info-wrapper .product-form .form koala-quantity-breaks-embed,
.product .product__info-wrapper .product-form .form .product-form__buttons {
    order: 1;
}

 

Screenshot 2024-07-27 155452.png
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

ASH2
Tourist
10 0 4

Works perfectly! Thank you for your help