How can I modify pagination arrow icons on Debut Theme?

Josh_Tydlacka
Tourist
12 0 1

I am using Debut Theme

 

I want to change my next page and previous page arrow icons to these:

 

Screen Shot 2021-06-10 at 10.50.03 PM.pngScreen Shot 2021-06-10 at 10.50.07 PM.png

 

Any help?

 

My website is XGear101.com

Reply 1 (1)

Not applicable

Hi @Josh_Tydlacka 

Aibek is here from Speedimize.io

To do this, go to the Online Store->Actions->Edit Code and find pagination.liquid


The pagination arrows are found in the icon-arrow-left and icon-arrow-right snippets.


Then add your images to assets https://i.imgur.com/0ZweGWD.png 


After you add it, you can edit the contents of the snippets as below:

<img class="icon" src="{{ 'left.png' | asset_url }}">
<img class="icon" src="{{ 'right.png' | asset_url }}">


You may need to register more styles.


We recommend creating a copy of the current theme and working there. So that there is no downtime.