How can I modify pagination arrow icons on Debut Theme?

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

Reply 1 (1)

Not applicable

Hi @Josh_Tydlacka 

Aibek is here from

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 

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.