Opencart 2.1 - Украшаем Карточку Товара

Тема в разделе "Модули и дополнения", создана пользователем admin, 12 сен 2016.

  1. TopicStarter Overlay
    Offline

    admin Команда форума Администратор

    Сообщения:
    2.327
    Симпатии:
    77.160
    Репутация:
    170
    Всем привет, вот и пришло время для новой статьи по OcStore 2.1 (OpenCart 2.1), в стандартный шаблон (default) подключен иконочный шрифт, но почему то на некоторых страницах, где самое место для иконок они отсутствуют, будем исправлять эту оплошность разработчика шаблона.

    OpenCart-20.jpg



    В этой статье мы поработаем над карточкой товара.


    К шаблону подключен вот этот шрифт: http://fortawesome.github.io/Font-Awesome/icons/

    Подборка используемых мною в этой статье иконок:

    Код:
    <i class="fa fa-align-justify" aria-hidden="true"></i>
    <i class="fa fa-cog" aria-hidden="true"></i>
    <i class="fa fa-comment-o" aria-hidden="true"></i>
    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
    Приступим:

    1. Откроем файл ../catalog/language/russian/product/product.php и вместо этой строки (16):

    Код:
    $_['text_write']  = 'Написать отзыв';
    вставим эту:

    Код:
    $_['text_write']  = '<i class="fa fa-comment-o" aria-hidden="true"></i> Написать отзыв';
    вместо этой строки (21):

    Код:
    $_['text_related']  = 'Рекомендуемые товары';
    вставим эту:

    Код:
    $_['text_related']  = '<i class="fa fa-thumbs-o-up" aria-hidden="true"></i> Рекомендуемые товары';
    вместо этой строки (43):

    Код:
    $_['tab_description']  = 'Описание';
    вставим эту:

    Код:
    $_['tab_description']  = '<i class="fa fa-align-justify" aria-hidden="true"></i> Описание';
    вместо этой строки (44):

    Код:
    $_['tab_attribute']  = 'Характеристики';
    вставим эту:

    Код:
    $_['tab_attribute']  = '<i class="fa fa-cog" aria-hidden="true"></i> Характеристики';
    вместо этой строки (45):

    Код:
    $_['tab_review']  = 'Отзывы (%s)';
    вставим эту:

    Код:
    $_['tab_review']  = '<i class="fa fa-comment-o" aria-hidden="true"></i> Отзывы (%s)';
    Результат:

    oc_product_01.png oc_product_02.png

    Вот так быстро мы с вами добавили иконки в нашу карточку товара, надеюсь статья была вам полезна. Вступайте в нашу группу http://vk.com/lowenet и следите за нашими новостями.