Goal: replace the paper plane icon on the Avone theme’s product page with another AdornThemes icon (e.g., a truck).
Key detail: the icon classes should use the “at at-…” prefix rather than “ad ad-…”, per AdornThemes’ Optimal Icons set.
Attempted change: editing product-template.liquid to swap the paper plane for “at-truck-l” caused the icon to disappear. Changing it to the wishlist heart icon did render correctly, suggesting only certain icon sets/classes are currently loaded by the theme.
Evidence: screenshots show the targeted code snippet and the outcomes (truck icon missing; heart icon visible). Code examples were referenced by replies, but the actual snippets are not present in the thread.
Context: Liquid is Shopify’s templating language; icon classes map to glyphs from a loaded icon font. If the font set for “at-truck-l” isn’t loaded, the icon won’t display.
Status: no confirmed resolution. Next key question remains whether the Avone theme loads the specific AdornThemes icon set needed for “at-truck-l,” or if a different icon library/class must be used.
Hi,
i want to change the paper plane Icon on my product page.
I found this page: https://www.adornthemes.com/optimal-icons/
But when i change with any of the provided icons on the website, it doesn’t work. I’ve tried it in the product-template.liquid.
Any idea how i can change the icon?
Hi @TamaraW ,
It seems you might be using , but it should be . Please make sure to use the correct class for the desired icon.
I checked by this.
Hope! This will helps you.
Sorry, i think my test was misleading.
I want to change the paper plane icon to e.g. at-truck-l
Therefore i’ve opened the product-template-liquid in the code of the theme. Searched the place where the code of the paper plane is and changed it to at-truck-l.
But the only thing which happens is that the icon disappear completely.
It seems like the code is only able to interpret the already existing icon codes. Cause when i change the paper plane to a heart (it’s the icon of the wishlist), the heart icon will be shown.
Here is a screenshot of the section where i want to change the icon.
And this is what it looks like, when i change the code to the truck:
And when i change it to the heart which you can see also on the left:
You should use below code for truck icon.
