icons on shop page

mariethfrank

I'm wondering if we can change the icon links on our products on the shop page? We would like to change the purse to a shopping basket and the link icon to an information icon (i). Is there an easy way to do this without overwriting files?

Thanks!

Marie

375BFE4E-3B1A-4CED-B084-5EA314A9A621.jpeg

Phil

Hi,

You can try the following CSS code:

.image_frame .image_wrapper .image_links a:not(:last-child) svg,
.image_frame .image_wrapper .image_links a:last-child svg{
   display: none!important;
}
.image_frame .image_wrapper .image_links a:not(:last-child):after{
   font-family: 'mfn-icons';
 content: '\e82d';
 font-size: 30px;
}
.image_frame .image_wrapper .image_links a:last-child:after{
   font-family: 'mfn-icons';
 content: '\e8a4';
 font-size: 30px;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mariethfrank

Thank you ! It worked!

Marie