AfterPay code added but need to change the position on Products page?

Store Design
1

Hello kind and friendly people on Shopify. We have just added AfterPay to our shop: https://scintera.com.au however when viewing the Product pages the AfterPay output appears hard left on the page. Pages are created with GemPages.

All I want to do is display the AfterPay output just below the Price field on the Product page? Can someone please guide me or assist me?

Kind regards,

Edward

Desired change:

Change required
Change required4023×1138 352 KB

Odd location:

Odd location
Odd location1200×765 196 KB

Desired location on Product page:

Desired location
Desired location800×266 19 KB

2

@ScinteraShopy

Please share your product Template code I will check and provide a solution here.

Thanks!

3

Hi dmwwebartisan,

Thank you. However I’m still a little new at this Shopify gig :wink:

Can you specify what file(s) by name you want OR I am quite ok granting you access to the Shop Admin (your choice). Gotta trust the community.

product.liquid ?

theme.liquid ?

OR maybe this theme_export .zip file at 4.1MB might be what you need?

https://www.dropbox.com/s/ynqdy1x1eobh0j5/theme_export__scintera-com-au-cosmetic02-update-april-12-2021__03MAY2021-0319pm.zip?dl=0

Sorry, just trying to help.

Edward

4

@ScinteraShopy - did you add any afterpay code manually to template file? or in page builder?

5

Hi suyash1,

The only place that code has been added is in theme.liquid (at the end of the file) as advised by AfterPay: https://developers.afterpay.com/afterpay-online/docs/shopify-site-messaging

I did try to place that JavaScript code in a Liquid block on my GemPages Product template to no avail. :disappointed_face:

AfterPay have acknowledged that it is displaying in the wrong location. As it should only appear directly under the Price field.

Any ideas?

Thank you ,

Edward

1 Like
6

@ScinteraShopy

Please find code Sections/vela-template-product.liquid file and after put after pay code .


                        
                        
                            
                                {{ current_variant.price | money }}
                            
                            {%- if product.compare_at_price > product.price -%}
                                
                                    {{ current_variant.compare_at_price | money }}
                                
                            {%- endif -%}

Hope this works.
Thanks!

1 Like
7

@ScinteraShopy - one option is by moving the code location, can not guarantee but might work.

Put afterpay code after price code in product template.

1 Like
8

Hi @ScinteraShopy ,

Yes, we can do it easily with GemPages. We already have an article that helps our merchants can integrate Afterpay with GemPages and place it into the right position in the Product module. Please follow these steps on this article: https://help.gempages.net/articles/how-to-adjust-the-position-of-afterpay-widget-on-my-product-page

It will help us solve this question.

Also, if you need any further assistance or concerns, please don’t hesitate to let us know via email ( support@gempages.help ) or live chat. Our support team will be happy to help.

2 Likes
9

Hi GemPages_Agents, I thought you guys were on a break and that’s why I didn’t bug you. Thanks for the link. I will investigate immediately!

1 Like
10

hio can you help on essence theme?

11

404### Oops! That page can’t be found

The link BROKEN, or the page has been REMOVED. Try search our site.