Move the "BUY NOW" button

Solved
New Member
7 0 0

Hi all,

 

Please follow this link:

https://trakathletic.co.uk/products/trak-grey-hoodie

 

What I would like is to be able to move the "BUY NOW" button directly under the price. At the moment it is too far down and the description is eating up all the space. The featured product on the homepage is the sort of thing we are looking for, but we would like this for every product. The "view product details" being clickable would be perfect.

 

Screenshot 2020-01-06 at 11.31.21.png

Thanks for your help…

Cheers

0 Likes

Hello @WNAVisual,

Move the "BUY NOW" button directly under the price is not the perfect Solution.

You have to move "Description" Under "BUY NOW" button

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
7 0 0

Hey, thank you for the quick response much appreciated.

 

How do I go about doing this? 

 

Cheers

0 Likes

@WNAVisual,

1. Go to Online Store->Theme->Edit code
2. Sections->product-template.liquid

Search

{{ product.description }}

And move this code under price code

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
7 0 0

Thanks for your help :)

 

I have found the  {{ product.description }} but can't seem to locate the the price code! Is it further down than here?Screenshot 2020-01-06 at 11.49.46.png

0 Likes

@WNAVisual,

2020-01-06_17-23.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
7 0 0

Thank you, I have done that but doesn't seem to be working (or I'm placing it wrong?) The details seem to be showing twice now. Please see attached for some screenshotsScreenshot 2020-01-06 at 12.07.08.pngScreenshot 2020-01-06 at 12.07.26.png

I appreciate your help with this.

Are you available for help in the future? I would be happy to pay, is pallavi@oscprofessionals.com the best email to reach you on?

0 Likes

@WNAVisualm,

Actually you move but didnt remove that code from

2020-01-06_17-45.jpg

 

You only add

{{ product.description }}

 please add 

<div class="ProductMeta__Description">
      <div class="Rte">
{{ product.description }}
</div>
</div>

Yes,We are available..

Contact us on

Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87

 

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
7 0 0

How is this looking? Sorry about this, I appreciate your help. Looks like how you told me but nothing changed yet on the site.

 

Cheers againScreenshot 2020-01-06 at 12.53.33.png

0 Likes
New Member
7 0 0

Still appears to be posting the description twice and the button hasn't moved. Any help is appreciated

0 Likes