Moushe.ru

Блог обо всём

OpenCart 2.1 информация в карточке товара (1 часть)



Всем привет, в этой статье мы вставим в карточку товара информацию для покупателей нашего интернет магазина, в этой статье мы воспользуемся самым простым и самым быстрым вариантом (в следующий раз рассмотрим чуть более сложный вариант – если конечно вы проявите к этой статье интерес).

OpenCart-20

1. Подберём пару иконочных символов на http://fontawesome.io/icons/, в моём случае это:

<i class="fa fa-envelope" aria-hidden="true"></i>
<i class="fa fa-phone-square" aria-hidden="true"></i>

2. Откроем файл ../catalog/view/theme/default/template/product/product.tpl и после этих строк (326-329):

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style"><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_pinterest_pinit"></a> <a class="addthis_counter addthis_pill_style"></a></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-515eeaf54693130e"></script>
<!-- AddThis Button END -->

вставим эти:

<div id="info_product">
<div id="text">Возникли вопросы по товару ?</div>
Звоните <i class="fa fa-phone-square" aria-hidden="true"></i><div id="mobile">+7 (925) 206-20-98</div><br>
или пишите <i class="fa fa-envelope" aria-hidden="true"></i><div id="mail"><a href="mailto:hruhru.87@mail.ru">hruhru.87@mail.ru</a></div>
</div>

(телефон и почту вставьте свои)

3. Откроем файл ../catalog/view/theme/default/stylesheet/stylesheet.css и в конец файла вставим эти строки:

#info_product {
border: 2px solid #23a1d1;
color: #000;
padding: 10px;
font-size: 14px;
}
#info_product .fa {
color: #23a1d1;
padding-left: 5px;
padding-right: 5px;
}
#mobile, #mail {
display: inline-block;
color: #000;
padding-top: 5px;
font-size: 12px;
}

Результат:

info_block_01

Надеюсь статья была вам полезна, следите за нашими новостями и до новых встреч.

7 Комментариев

  1. Максим

    25.08.2016 at 11:55

    Подскажите пожалуйста у меня вместо кириллических символов квадраты со знаками вопроса.
    Куда копать? Заранее спасибо.

    • Уже не раз писал — это происходит если сохраняете файл в неправильной кодировке — выставляйте utf-8, которая была по умолчанию.

  2. Провел данные манипуляции, но не отображается на сайте.

  3. Спасибо, помогло.

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика