PrestaShop 1.6.x. Adding Vimeo and Instagram icons to ‘Blocksocial” module

This guide will show you how to add Vimeo and Instagram icons to ‘Blocksocial” module in Prestashop 1.6.x.

PrestaShop 1.6.x. Adding Vimeo and Instagram icons to ‘Blocksocial” module

1. To add those icons, we’ll need to edit blocksocial.tpl and glogal.css files. For this purpose you can use any code editor available (we’re using Notepad++ ).

2. Go to the installation root of your site, open themes/themeXXX/modules/blocksocial/blocksocial.tpl file and in line 46 below {/if} paste the following code, save the changes:

   {if isset($vimeo_url) && $vimeo_url != ''}
   
   
   {l s='Vimeo' mod='blocksocial'}
   
   
   {/if}
   {if isset($instagram_url) && $instagram_url != ''}
   
   
   {l s='Instagram' mod='blocksocial'}
   
   
   {/if}

3. After you’re done, open themes/themeXXX/css/global.css file. Paste the following code in the footer of the file and save the changes:

   .footer-container #footer #social_block ul li.vimeo a:before {
   content: "\f194"; }
   .footer-container #footer #social_block ul li.instagram a:before {
   content: "\f16d"; }

4. Log into your admin page, go to Modules -> Modules directory and search for ‘Blocksocial” module. Click ‘Configure’ button to open it for editing and paste the links for Vimeo and Instagram in the fields required.

5. After making the changes you may also need to clear Smarty cache

This it the end of the tutorial. Now you know how to add Vimeo and Instagram icons to ‘Blocksocial” module.

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. Adding Vimeo and Instagram icons to ‘Blocksocial” module