Перенос кнопки OcStore 2.0.3.2

@tormen1q · Регистрация: 19.08.2019

Author24 — интернет-сервис помощи студентам

Приветствую всех. Опыта нет, я новичок.
Тема дефолт 2.3.0.2 OCstore, ничего кроме css, не трогал. (ну и дивы стандартные слегка)

Есть вопрос по товарке, как при использовании "Вид - список" в каталоге товара, изменить расположение кнопки "В корзину"

Это в tpl редактировать (положение), как будет правильно?
Хочу скрыть две кнопки и оставить только "В корзину".
Код группы кнопок ниже, их лучше закомментировать или hidden классу указать?

PHP

<div class="button-group">
<button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span> <i class="fa fa-shopping-cart"></i></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>

@fanatikus · 19.08.2019, 23:17

Сообщение от tormen1q

Код группы кнопок ниже, их лучше закомментировать или hidden классу указать?

но тогда и в виде плиткой, тоже будет одна кнопка

Добавлено через 14 минут
добавить кнопкам, которые нужно скрыть класс

HTML5

1
2

<button class="button-hide" 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 class="button-hide" 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>

и в common.js

Javascript

    // Product List
    $('#list-view').click(function() {
        $('.button-hide').hide(); // тут скрываем
    
        $('#content .product-grid > .clearfix').remove();
 
        $('#content .row > .product-grid').attr('class', 'product-layout product-list col-xs-12');
        $('#grid-view').removeClass('active');
        $('#list-view').addClass('active');
 
        localStorage.setItem('display', 'list');
    });
 
    // Product Grid
    $('#grid-view').click(function() {
        $('.button-hide').show();//  тут показываем
 
        // What a shame bootstrap does not take into account dynamically loaded columns
        var cols = $('#column-right, #column-left').length;
 
        if (cols == 2) {
            $('#content .product-list').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12');
        } else if (cols == 1) {
            $('#content .product-list').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');
        } else {
            $('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
        }
 
        $('#list-view').removeClass('active');
        $('#grid-view').addClass('active');
 
        localStorage.setItem('display', 'grid');
    });

	19.08.2019, 23:17