Показ товара (редактирование блока с товаром)

[Seman]

Всем добрый день!

Помогите, пожалуйста, упростить блок с показом товара. Шаблон дефолтный. Мне бы хотелось избавиться от описания товара, кнопок и рамки вокруг блока. Извините за наглость :) Спасибо.

 

[n3bo]

display:none; или вырезайте с шаблона

Змінено 5 березня 2016 користувачем n3bo

[Seman]

display:none; или вырезайте с шаблона

Я так понимаю, в stylesheet? Я бы предпочёл вырезать с шаблона.

Змінено 5 березня 2016 користувачем Seman

[n3bo]

открываете tpl необходимого фрагмента сайты и комметируете.

[Seman]

открываете tpl необходимого фрагмента сайты и комметируете.

Подскажите, пожалуйста, какой именно tpl. надо юзать?

[hoolygan]

Итак, если шаблон дефолтный и это категория - то идем по пути

/catalog/view/theme/default/template/product/category.tpl

Ищем кусок кода

<div class="row">
        <?php foreach ($products as $product) { ?>

Это начало карточки товара.

Для того, чтобы убрать описание - комментируем эту строку

<p><?php echo $product['description']; ?></p>

Для кнопок покупки/сравнения/избранного вот этот блок служит

<div class="button-group">
                <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_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></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>
              </div>

Можете убирать, но кнопку покупки зачем убирать? - тогда и корзину пилить нужно, и все остальное. Но это Вам решать.

По этому же принципу моно редактировать и модули - в папке /catalog/view/theme/default/template/module/

Там не тяжело - при минимальных знаниях английского поймете какой модуль за что отвечает - интуитивно понятно :)

 

После того, как куски кода вырежите - еще возможно немного stylesheet.css поковырять придется, чтобы красивый вывод товара был.

[Seman]

Итак, если шаблон дефолтный и это категория - то идем по пути

/catalog/view/theme/default/template/product/category.tpl

Ищем кусок кода

<div class="row">
        <?php foreach ($products as $product) { ?>

Это начало карточки товара.

Для того, чтобы убрать описание - комментируем эту строку

<p><?php echo $product['description']; ?></p>

Для кнопок покупки/сравнения/избранного вот этот блок служит

<div class="button-group">
                <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_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></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>
              </div>

Можете убирать, но кнопку покупки зачем убирать? - тогда и корзину пилить нужно, и все остальное. Но это Вам решать.

По этому же принципу моно редактировать и модули - в папке /catalog/view/theme/default/template/module/

Там не тяжело - при минимальных знаниях английского поймете какой модуль за что отвечает - интуитивно понятно :)

 

После того, как куски кода вырежите - еще возможно немного stylesheet.css поковырять придется, чтобы красивый вывод товара был.

Огромное Спасибо за подробную инструкцию! Что касается кнопки "Купить", я просто не вижу в ней никакого смысла, т.к. клик по фото или по названию товара и так и так ведёт нас в карточку товара. Модуль "Покупка в один клик" у меня всё равно отсутствует :)

В общем, с Вашей помощью у меня всё вышло и я добился нужного результата, ещё раз Спасибо.

Теперь прошу, кто знает, как сделать, чтобы сам блок товара тоже правильно работал? Долго описывать ситуацию не буду, а приведу наглядное изображение. Спасибо за помощь.

[hoolygan]

Если не ковыряли штатный css, то Вам сюда

/catalog/view/theme/default/stylesheet/stylesheet.css

строка 552

Убирайте код min-height: 180px; (ну или ставьте свой). Говорил же css придется править. А вооще советую немного подучить html+css. И пользоваться средством разработки (напр firebug) - отлично помогает править стили "под себя".

[Seman]

Если не ковыряли штатный css, то Вам сюда

/catalog/view/theme/default/stylesheet/stylesheet.css

строка 552

Убирайте код min-height: 180px; (ну или ставьте свой). Говорил же css придется править. А вооще советую немного подучить html+css. И пользоваться средством разработки (напр firebug) - отлично помогает править стили "под себя".

Ещё раз Спасибо. Всё получилось. Не пойму только как рамку убрать... ну или хотя бы сделать её в цвет фона?

[Seman]

С рамкой разобрался. Находим: 

/* product list */
.product-thumb {
	border: 1px solid #ddd;

и удаляем border: 1px solid #ddd;

[Seman]

Всем спасибо! Тему можно закрывать.