Similar to question asked here: https://hitchhikers.yext.com/community/t/change-product-chevron-icon-add-icon-to-view-all/2147 I am looking to update the chevron to a client provided svg.
I followed the instructions in this post, but with new theme formatting and code I am confused on what exactly I need to add. The client also only gave me the downloadable svg, which I uploaded into the assets/images folder and was going to just pull the URL from there in this format “…/assets/images/double-echelon.svg” so also wanted to make sure that would work
Thanks!
Hey Tyler,
The format of the universalsectiontemplates has changed a bit, but you can follow the same instructions from the post you linked to override the chevron icon. You’ll want to use the file path "static/assets/images/double-echelon.svg" if you saved the image in the assets/images folder. I was able to get that to work with your experience!
This is a good example of how theme upgrades may change template files - if the files you’re currently overriding are updated in future theme upgrades, you may need to re-fork them to pull in the latest changes.
More detail:
Currently, with theme 1.28, the view more partial in the universalsectiontemplates looks like this:
Rather than calling the icon name directly here, the template calls an icon partial instead. This is to help consolidate and make sure all places that use this icon are now referencing the same icon. Once you override this theme file, you can replace the icon div with the div used in the original post you linked:
You’ll need to override all universalsectiontemplates you’re using, such as standard and grid-three-columns.
