Set up collection icons in Cart drawer section

In Concept, you can customize the icons displayed in Cart drawer like this. This function helps your customers to explore your products via the collection list, especially when their cart is empty.

This article provides a step-by-step guide to set up the icon for each collection.

Steps:

1. Firstly, create the 'Icon' Metafield.

   • In Admin dashboard > Settings > Custom data > Collections > Add definition.

     

   • A settings window will appear for this metafield.

     

     Set up exactly as following:

     • Name - Icon
     • Namespace and key - theme.icon

     • Select type > choose File > and One file.

       

     For example, this image below shows our sample settings. Please note that fill out yours matching our example exactly.

     

   • Then click Save to finish creating the 'Icon' Metafield.

2. Secondly, set the metafield values in your desired collections.

   • In Admin dashboar > Products > Collections > select the desired collection. For this example, we'll choose Seating.

     

   • In Seating collection, scrolling down to Metafields > choose Icon.

     

   • Select the icon image you want to display.

     

   • Click Save to finish.

3. Thirdly, display the chosen collection in Cart drawer section.

   • In Theme settings > under Overlay group > choose Cart drawer > then, scroll down to the Empty cart recommendations of section settings > Select collections.

     

   • In this example, we choose [Seating] , which was set the icon metafield in step 2.

     

     Note: You can choose any collections you want, as long as they have icons set up. If not, they will be displayed without icons.

4. Finally, to add more icons for other collections, repeat steps 1 and 2 for each additional collection, then go to step 3 to display them in Cart drawer section.

That's all about the settings for icons in collections displayed in Cart drawer.

Need Further Assistance

If you encounter any issues or need additional help with your Concept theme, don't hesitate to reach out to Roartheme's support team for expert guidance.

Scan the QR code to get support within 8 hours via RoarTheme ’s Whatsapp