Show „Add to cart“ below product description

Excursionist
17 0 1

Hello,

I am currently using the Deput theme and want to change the position of the “ add to cart “ button and the selectable amount, so that it’s located below the description of the product. I illustrated the problem in the following picture:

 

C639C6D8-CA33-4787-97E5-C8F2D6D4ECE0.jpeg

 

I am very thankful for any help

 

Cheers! 

0 Likes
Shopify Expert
2490 417 525

Hi,

Follow this:

1. Go to Online Store->Theme->Edit code
2. Sections->product-template.liquid->find  {{ product.description }} and place it above name="id" select box.

See bellow image:

product.png

 

Note: It will move just qty and add to cart button

Let me know if you need help

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Excursionist
17 0 1

@Jasoliya

 

Great thank you!

One little thing that disturbs now ist that there is space above the product description. 

Is it possible to move it a little upwards?

 

Bildschirmfoto 2019-05-23 um 16.22.14.pngPossible to make the red marked space smaller?

0 Likes
Shopify Expert
2490 417 525

Send me store URL so i can get exact answer.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Excursionist
17 0 1
New Member
1 0 0

Hi, did you receive a reply on how to get rid of the extra space?

0 Likes
Navigator
358 39 40

@EC2115 wrote:

Hi, did you receive a reply on how to get rid of the extra space?


 

if you are looking to remove space shown above then use this css and add it to the bottom of your css file

 

.template-product .product-form{padding-top: 0;}

 

.product-single__description {margin-top: 0px;}
 
adjust these numbers as per your wish......
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes