Автор Тема: Редактирование блока кнопок соцсетей в footer.tpl  (Прочитано 471 раз)

31 Август 2018, 16:47:59
  • Новичок
  • *
  • Сообщений: 12
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Подскажите пожалуйста, как редактировать кнопки соцсетей, расположенные у правого края экрана:
http://prntscr.com/kp3gvz
В footer.tpl нашел код, описывающий этот блок, но как его правильно откорректировать не представляю.
Нужно часть кнопок удалить, а для части прописать правильные ссылки.
Подскажите плиз как это сделать.
Код этого блока ниже:
<div class="smile" style="text-align: center ">
<ul>
{assign var='social_facebook' value=Configuration::get('social_facebook')}
{assign var='social_twitter' value=Configuration::get('social_twitter')}
{assign var='social_google' value=Configuration::get('social_google')}
{assign var='social_pinterest' value=Configuration::get('social_pinterest')}
{assign var='social_linked' value=Configuration::get('social_linked')}
{assign var='social_vimeo' value=Configuration::get('social_vimeo')}
{assign var='social_youtube' value=Configuration::get('social_youtube')}
{assign var='social_flickr' value=Configuration::get('social_flickr')}

{if ($social_facebook !='')}
<li><a class="facebook hasTooltip" data-placement="left" title="Facebook" style="margin:0 3px;"  href="{$social_facebook}" target="_blank"><img src="{$img_dir}social/facebook.png " alt="Facebook" title="Follow us on Facebook" /></a></li>
{/if}
{if ($social_twitter !='')}
<li><a class="twitter hasTooltip" data-placement="left" title="Twitter" style="margin:0 3px;"  href="{$social_twitter}" target="_blank"><img src="{$img_dir}social/twitter.png " alt="Twitter" title="Follow us on Twitter" /></a></li>
{/if}
{if ($social_google !='')}
<li><a class="google hasTooltip" data-placement="left" title="Google" style="margin:0 3px;"  href="{$social_google}" target="_blank"><img src="{$img_dir}social/google.png " alt="Google" title="Follow us on Google" /></a></li>
{/if}
{if ($social_linked !='')}
<li><a class="linkedin hasTooltip" data-placement="left" title="Linkedin" style="margin:0 3px;"  href="{$social_linked}" target="_blank"><img src="{$img_dir}social/linkedin.png " alt="Linkedin" title="Follow us on Linkedin" /></a></li>
{/if}
{if ($social_pinterest !='')}
<li><a class="pinterest hasTooltip" data-placement="left" title="Pinterest" style="margin:0 3px;"  href="{$social_pinterest}" target="_blank"><img src="{$img_dir}social/pinterest.png " alt="Pinterest" title="Follow us on Pinterest" /></a></li>
{/if}
{if ($social_vimeo !='')}
<li><a class="vimeo hasTooltip" data-placement="left" title="Vimeo" style="margin:0 3px;"  href="{$social_vimeo}" target="_blank"><img src="{$img_dir}social/vimeo.png " alt="Vimeo" title="Follow us on Vimeo" /></a></li>
{/if}
{if ($social_youtube !='')}
<li><a class="youtube hasTooltip" data-placement="left" title="Youtube" style="margin:0 3px;"  href="{$social_youtube}" target="_blank"><img src="{$img_dir}social/youtube.png " alt="Youtube" title="Follow us on Youtube" /></a></li>
{/if}
{if ($social_flickr !='')}
<li><a class="flickr hasTooltip" data-placement="left" title="Flickr" style="margin:0 3px;"  href="{$social_flickr}" target="_blank"><img src="{$img_dir}social/flickr.png " alt="Flickr" title="Follow us on Flickr" /></a></li>
{/if}
</ul>

</div>
31 Август 2018, 19:43:36
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 22125
  • Репутация: +25303/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
В модулях ищите модуль соц. сетей. В настройках этого модуля можно редактировать ссылки на соц. сети.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
03 Сентябрь 2018, 12:11:44
Ответ #2
  • Новичок
  • *
  • Сообщений: 12
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Я пробовал активировать модуль соцсетей. Единственное, что я получил, это появление блока соцсетей в футере.
При этом ссылки в "стикере" не появаились, ну и это не дает ответа на вопрос как удалить ненужные кнопки.
03 Сентябрь 2018, 13:55:48
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
Удали иницилизацию переменных для ссылок, которые ненужны.
{assign var='....
04 Сентябрь 2018, 10:33:38
Ответ #4
  • Новичок
  • *
  • Сообщений: 12
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Удали иницилизацию переменных для ссылок, которые ненужны.

Спасибо, помогло.
Если кому потребуется, код должен выглядеть как-то так:
<div class="smile" style="text-align: center ">
        <ul>
                <li><a class="facebook hasTooltip" data-placement="left" title="Facebook" style="margin:0 3px;"  href="https://www.facebook.com/yourpage/" target="_blank"><img src="{$img_dir}social/facebook.png " alt="Facebook" title="Follow us on Facebook" /></a></li>

                <li><a class="youtube hasTooltip" data-placement="left" title="Youtube" style="margin:0 3px;"  href="https://www.youtube.com/channel/yourpage" target="_blank"><img src="{$img_dir}social/youtube.png " alt="Youtube" title="Follow us on Youtube" /></a></li>

        </ul>
        </div>

Если требуется добавить соцсеть, которой нет по-умолчанию, в каталог тема/img/social/ нужно добавить свой файл .png с белым логотипом на прозрачном фоне и прописать его в img src. Class выбрать из существующих - при наведении черный фон логотипа сменится на цветной.