Categories

Featured templates

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

Harry Baker June 18, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

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 != ''}
    <li class="vimeo">
    <a href="{$vimeo_url|escape:html:'UTF-8'}">
    <span>{l s='Vimeo' mod='blocksocial'}</span>
    </a>
    </li>
    {/if}
    {if isset($instagram_url) && $instagram_url != ''}
    <li class="instagram">
    <a class="_blank" href="{$instagram_url|escape:html:'UTF-8'}">
    <span>{l s='Instagram' mod='blocksocial'}</span>
    </a>
    </li>
    {/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

Prestashop Templates
This entry was posted in PrestaShop Tutorials and tagged icon, instagram, module, Prestashop, social, vimeo. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket