Opencart 2.x - Изменяем Карточки Товаров В Категориях

Тема в разделе "Шаблоны, дизайн и оформление магазина", создана пользователем admin, 21 июл 2017.

  1. TopicStarter Overlay
    Offline

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

    Сообщения:
    2.681
    Симпатии:
    122.412
    Репутация:
    215
    Продолжаем работать над интернет магазином сделанным на OcStore 2.3, в этой статье (как я и обещал ранее) мы будем работать над товарами в категориях.

    2017-07-21_201538.png 2017-07-21_201549.png

    Мы переместим кнопку закладок в верхнюю часть карточки товара, немного изменим кнопки в корзину и в сравнения, скроем описание товара в виде сетка (оно будет показываться только в вид: список), думаю вам пригодится этот материал.

    Список задач на сегодня:
    • 1. Работаем с category.tpl
    • 2. Работаем с stylesheet.css
    Приступим:

    1. Откроем файл ../catalog/view/theme/default/template/product/category.tpl и удалим эту строку (132):

    Код:
    <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
    а после этой строки (100):

    Код:
    <div class="product-thumb">
    вставим эту:

    Код:
    <button type="button" class="btn btn-default button-wishlist" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
    вместо этой строки (106):

    Код:
    <p><?php echo $product['description']; ?></p>
    вставим эту:

    Код:
    <p class="description"><?php echo $product['description']; ?></p>
    а вместо этих строк (132-133):

    Код:
    <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
    <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>
    вставим эти:

    Код:
    <button type="button" data-toggle="tooltip" title="<?php echo $button_cart; ?>" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
    <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_compare; ?></span></button>
    2. Откроем файл ../catalog/view/theme/default/stylesheet/stylesheet.css и в конец файла вставим эти строки:

    Код:
    /* category fix */
    .product-grid .description {
    display: none;
    }
    .product-list .button-wishlist {
    float: left;
    right: 0px;
    left: 10px;
    }
    Эти строки скроют описание товара в вид: сетка, и переместят кнопку в закладки из правого угла в левый в вид: список.

    На сегодня всё, следите за нашими новостями и до новых встреч.
     
  2. Offline

    MEhmet SEzgi Пользователь

    Сообщения:
    3
    Симпатии:
    0
    Репутация:
    0
    thanks friend
     
  3. Offline

    Sparjuk Пользователь

    Сообщения:
    23
    Симпатии:
    2
    Репутация:
    0
    Спасибо!
     
  4. Offline

    danelamini Пользователь

    Сообщения:
    21
    Симпатии:
    24
    Репутация:
    10
    нужно вывести описание в карточку категорий, кто поможет реализовать?
     
  5. Offline

    Moon Пользователь

    Сообщения:
    39
    Симпатии:
    12
    Репутация:
    3
    Что именно вам надо помочь?
    Опишите более подробно. Вроде, то что вы просите и так реализовано в стандартной коробке.