Hi everyone,
I’m trying to add a new sales icon to our Shopify Motion theme. Currently, all icons are SVGs, but I want to include both a new PNG and SVG icon in the list. I’ve identified that the relevant code is in the snippets/products-template.liquid file, but I haven’t been successful in getting it to work.
Here’s what I need help with:
You have to edit the settings {% schema %} of the section to add a new option to the list.
Then use that option in the logic to output a SVG similar to the others
For an image file asset , you’d need to add the file to the themes asset folder then use the hosted-file and media filters in liquid to reference it to output the needed HTML,CSS, and or javascript.
https://shopify.dev/docs/api/liquid/filters/asset_img_url
https://shopify.dev/docs/api/liquid/filters/image_tag
etc
If you need this customization made for you you can contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Hi @TristanJas
You have to add the icons in your product section schema. Open the file that you provided in your image, then look for “sales_point” under the schema. Under the icon area, you have to add a key value pairs. See image below
You can use this code as reference below
{
"value": "none",
"label": "truck"
},
If you are not familiar with coding, I would suggest have someone do it for you. At Made4Uo, we can do this for a very competitive price. Let us know if you want to proceed
Yea sure! Please send the details and any costs for your services to tristanjas1@gmail.com.
Thanks!
Hi @TristanJas after you’ve gotten your solution I recommend you request the moderators remove your email address otherwise your gonna get a permanent boost to the spam you get.