Left and Right Arrow on Product Pages , Theme Dawn

Store Design
1

How to add Left and Right Arrow on Product Pages , Theme Dawn

I check the help forum , this code they ask to paste

{% if collection.previous_product %}
{{ ‘Previous’ | link_to: collection.previous_product.url,

‘Previous product’ }}
{% endif %}

{% if collection.next_product %}
{{ ‘Next’ | link_to: collection.next_product.url, 'Next

product’ }}
{% endif %}

where to add this code in Dawn theme is this code correct or not?

Website: www.pakistanpowertool.com

Please check my website also

2

Hi @Pakistanpowerto ,

Please go to card-product.liquid file, find ‘card_product.url’ and add code here:

Screenshot.png
Screenshot.png1256×712 54.4 KB

Hope it helps!

3

Hello

As you ask me to add this code , but error come please check in picture

capture-20221126-110300.png
capture-20221126-110300.png807×442 21.3 KB

4

Hi @Pakistanpowerto ,

You just need to add the code ‘|within: collection’. Then add the code you want at the product page, it will work fine

5

I tired but nothing happen , can you show in picture image

Right Left Arrow simple navigation tool.

I am also worried, i am not much familiarize with CSS Codes , what if something goes wrong and i cant fix it, as my website is online for sales