If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

PrestaShop 1.6.x. How to manage Flaticon icons

Hi there! This tutorial will guide you on how to change Flaticon icons in PrestaShop based templates.

  1. Inspect any icon with Firebug. You will see that there is a CSS class which defines which icon shows up. We will use that CSS class to find the other ones in global.css file.

    PrestaShop 1.6.x. How to manage Flaticon icons1

  2. As you can see, the theme has 20 different Flaticon icons. Choose any of those classes and copy it.

  3. Now navigate to Modules and Services > Modules and Services. Locate the Theme Configurator module and open it for editing.

    PrestaShop 1.6.x. How to manage Flaticon icons2

  4. Scroll down to see the editable tabs and open the first one which contains the first icon we will replace with ours. Replace the first class with the one you copied before.

    PrestaShop 1.6.x. How to manage Flaticon icons3

  5. Save changes, refresh your home page and check the results.

Nicely done, the icon was successfully changed. Feel free to leave a comment or ask a question.

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. How to manage Flaticon icons