We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Help to find afterpay textshowing between price and compare price (to move it below compare)

Solved

Help to find afterpay textshowing between price and compare price (to move it below compare)

SelectCards
Excursionist
16 0 6

Hi friends, 

 

 

See: https://selectaustralia.com.au/products/collingwood-monopoly-premiership-special-edition

On pages with a compare price, the afterpay label is showing between price and compare price.

However, I cannot find ANY trace of the afterpay code at all. If view source of the page there is nothing in there,  and I cannot find anything in CSS.  It;s an ancient theme, but I must be blind.  Spent half the day all want to do is make sure compare price is next to price, and just cant.,, Has to be some CSS somewhere, but cant even work out how AfterPay is there.    Old terrible theme, 
Would love some help!! thanks is advance


HTML view source

 

   <div class="proPrice clearfix">
                        <span id="ProductPrice" class="priceProduct" > <!-- itemprop="price" -->
                            59.00
                        </span>
                        
                            <span id="ComparePrice" class="priceProduct priceCompare">
                                89.00
                            </span>
                        
                    </div>

 

 

In product liquid

 

<div class="proPrice clearfix">
<span id="ProductPrice" class="priceProduct" > <!-- itemprop="price" -->
{{ current_variant.price | money_without_currency }}
</span>
{% if product.compare_at_price > product.price %}
<span id="ComparePrice" class="priceProduct priceCompare">
{{ current_variant.compare_at_price | money_without_currency }}
</span>
{% endif %}
</div>

I cant find that class it references at all, stumped. 

Wasted sooo much time for something I am sure is going to be so obvious to one of you,  I hope!

 

Untitled.jpg

Accepted Solution (1)
Shadab_dev
Shopify Partner
1583 83 173

This is an accepted solution.

I was able to implement something like this but i wasn't able to change code as i believe you have granted me access but not given me access to edit code. 

Shadab_dev_0-1729996081894.png

 

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

View solution in original post

Replies 5 (5)

Shadab_dev
Shopify Partner
1583 83 173

There is some snippet in between or something. Pate the entire code on the product file that is responsible to display product page or collaborator access code. 

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
SelectCards
Excursionist
16 0 6

Hi there,  thanks for reply.  thats what i thought, but literally the code snippet from the product file is above. and nothing in it.

All I can think of but cant work out is some CSS witchcraft in that DIV CLASS? But getting no where.

 

In product liquid

 

<div class="proPrice clearfix">
<span id="ProductPrice" class="priceProduct" > <!-- itemprop="price" -->
{{ current_variant.price | money_without_currency }}
</span>
{% if product.compare_at_price > product.price %}
<span id="ComparePrice" class="priceProduct priceCompare">
{{ current_variant.compare_at_price | money_without_currency }}
</span>
{% endif %}
</div>

SelectCards
Excursionist
16 0 6

8173

Shadab_dev
Shopify Partner
1583 83 173

Have requested access

 

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
Shadab_dev
Shopify Partner
1583 83 173

This is an accepted solution.

I was able to implement something like this but i wasn't able to change code as i believe you have granted me access but not given me access to edit code. 

Shadab_dev_0-1729996081894.png

 

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.