How can I modify pagination arrow icons on Debut Theme?

I am using Debut Theme

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

Any help?

My website is XGear101.com

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.

1 Like