Left Right Arrow for next product on products

Store Design
1

Please Inform how to add

Left Right Arrow for next product on products page

Website : www.pakistanpowertool.com

Theme : Dawn

capture-20221005-154224.png
capture-20221005-154224.png1024×728 278 KB

Website : www.pakistanpowertool.com

Theme Dawn

1 Like
2

@Pakistanpowerto

You can do that by adding following

{% 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 %}
3

sir where in css theme code should i add this , i am new to CSS

Theme : Dawn

1 Like
4

@Pakistanpowerto

no its not a css code

can you please add this code main product section

5

Dear Mr.Kumar ,

Can you share me a screen shot where on product page , should i add this code.

I tired to add , but no arrow came , just all written words come on live site