Icons management

New menu items - module creates new menu items in main menu of the back office. There you can manage your icons (create new and edit existing)

1. Available icons
   This section allows to manage your icons. You can create there new icons and edit existing icons. When you will open this section you will see list of all available incons in your shop. 
   
   From list of available icons you can preview the icons you added. Activate them, edit or delete. If you want to create new icons just press on circe (+) button "add new icon". You will be redirected to form where you can create own icon and specify its details.
   
   Add new icon form
   With this form you can create icon in your shop. This icon can be associated with product tag or directly with selected product. You decide about it here.
   
   • Name
     Set the name of the icon. If your shop uses many languages do to forget to set the name of icon for rest of languages. Name of icon is visible in "tooltip" (tooltip is activated when someone will move mouse over the icon)
   • Description
     Set the description of the icon. If your shop uses many languages do to forget to set the description of icon for rest of languages. Description of icon appears below icon's name that is visible in "tooltip" (tooltip is activated when someone will move mouse over the icon)
     
   • Select type of association
     Here you can decide about icon association type.
     • You can create just icon (it will be possibile to associate it with selected products individually)
     • You can associate icon with product tag. Module uses default prestashop's "tags" feature. If you will select option to associate icon with product tag - this icon will be automatically associated with all products that have selected tag.
   • Active
     Decide if you want to activate icon or not. When icon is active - it appears on products. When it is disabled - icon is not visible for your shop's front office visitors.
   • Tooltip
     Decide if you want to activate tooltip for this icon. Tooltip is a feature that is activated when someone will move mouse over the icon. 
   • Icon type
     Set the type of icon you want to create.
     • Font awesome: You can select here font awesome icon (you will be able to select icon from list of predefined icons.  If your theme does not support font-awesome icons - you can activate font awesome library on main module configuration page
     • Image: You can also select icon as own image - where you can point an url of icon that module will use. If you use secured url in your shop (ssl certificate) - please make sure that you use also secured url to icon. Otherwise icon will not appear.
   • Icon
     Depending on what icon type you selected, you can:
     • Select icon from predefined icons list (if you selected font awesome icon)
       
     • Define the url of icon (if you selected icon as image)
       
       
2. Associations with products
   This menu item allows to associate selected icon with product. When icon will be associated with product - for example - "The adventure begins Framed poster" - this icon will appear on this product page. When you will open this section you will see list of associations. You can disable association, edit or remove it. To add new association just press on circle (+) "add new association" button.
   
   All of these associations are available also on product edit page. There is a section with module where you can assign icons directly to product that you edit. So, you can edit associations in two sections: "associations with products" menu and also on each product edit page.
   
   Add new association form
   Once you will press the (+) add new association button - you will be redirected to form where you can setup association of icons with product. Form is very easy to use and contains only 3 fields.
   
   Product ID
   Set the ID of product. You will associate icon with this product.
   
   Icon
   Is a list of icons. Just click on icon to select it. Selected icon will be highlighted with black color.
   
   Active
   Decide if association will be active or disabled