Скрыть отображение правой колонки только в карточке товара

Тема в разделе "OpenCart", создана пользователем cotto51rus, 6 фев 2017.

  1. cotto51rus

    cotto51rus

    Регистрация:
    3 янв 2016
    Сообщения:
    232
    Симпатии:
    8
    Необходимо, чтобы в карточке товара правая колонка не отображалась до определенного разрешения 1440
    Вообще правая колонка нужна (личный кабинет), мне именно в карточке товара скрыть
    Модуль "Просмотренные товары - youwatched", выведен показ не внизу стр, а правая колонка (очень удобно), но при меньшем разрешении из-за нее контент описания сильно сжимается, что сильно портит внешний вид стр, да и покупателям не очень удобно, когда все растянуто
    ...loress.ru/dlya-detey/shariki-orbeez-orbiz-1000-sht
    #column-right .box
    примеры:
    разрешение до 1440 - https://yadi.sk/i/9o4lL9753D6HDv
    разрешение более 1440 - https://yadi.sk/i/0vdwc1U53D6HJw
     
  2. shede

    shede

    Регистрация:
    11 авг 2016
    Сообщения:
    84
    Симпатии:
    46
    @media (max-width:1440px){
    #column-right .box {
    display:none
    }
    }
     
    cotto51rus нравится это.
  3. cotto51rus

    cotto51rus

    Регистрация:
    3 янв 2016
    Сообщения:
    232
    Симпатии:
    8
    Но это получается полное скрытие правой колонки на всех страницах, а мне нужно именно только в карточке товара
     
  4. shede

    shede

    Регистрация:
    11 авг 2016
    Сообщения:
    84
    Симпатии:
    46
    В файле /catalog/view/theme/ВАША ТЕМА/template/product/product.tpl добавьте свой класс (например your-class) этому блоку и в стилях так же пропишите Ваш класс

    @media (max-width:1440px){
    .your-class {
    display:none
    }
    }
     
    cotto51rus нравится это.
  5. cotto51rus

    cotto51rus

    Регистрация:
    3 янв 2016
    Сообщения:
    232
    Симпатии:
    8
    Спасибо огромное! Так и сделала, все получилось!
    --- Добавлено, 6 фев 2017 ---
    Но немножко все таки где-то неверно сделала, т.к. у меня был прописан отдельно прямо в карточке товара скрипт "похожие товары". Заказывала фрилансеру в свое время. А после добавления класса правой колонке, слетел этот скрипт с автопрокруткой. Раньше был он прямо в контексте (описании) в самом низу, а теперь идет под описанием. Где править стили не понимаю, т.к. при нажатии Ф12 не отображает прописанные стили данного скрипта
    --- Добавлено, 6 фев 2017 ---
    Вот как было.. скрин https://yadi.sk/i/mSTE9mlr3D9gyi
    А теперь отображается вот так.. скрин https://yadi.sk/i/rOnyIbdf3D9haQ
    Ссылка на страницу loress.ru/hi-tech-tovary/usb-ventilyator-s-programmiruemoy-nadpisyu
    --- Добавлено, 6 фев 2017 ---
    Нашла где прописан модуль похожие товары, также нашла и скрипт. Подскажите, пожалуйста, где можно поправить, вернуть отображение внизу описания товара, а не под ним

    1.
    <div class="box-heading ">Похожие товары</div>

    <?php $n = 300; ?>
    <div id="owl-example3" class="owl-carousel">
    <?php foreach ($products as $product) { ?>
    <?php $n = $n + 1; ?>

    <div>

    <div class="image relative images_image<?php echo $n; ?>">
    <?php if ($product['thumb']) { ?>
    <a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" id="images<?php echo $n; ?>" /></a>
    <?php } else { ?>
    <a href="<?php echo $product['href']; ?>"><img src="<?php echo $no_image; ?>" alt="<?php echo $product['name']; ?>" /></a>
    <?php } ?>
    <a href="<?php echo $product['href']; ?>"><div class="while"></div><div class="shadow_price1 shadow_price1<?php echo $n; ?>"></div><div class="shadow_price2 shadow_price2<?php echo $n; ?>"></div></a>
    <a href="<?php echo $product['href']; ?>">
    <div class="price<?php if ($product['special']) { ?> special_styles <?php } ?> price<?php echo $n; ?>">
    <?php if (!$product['special']) { ?>
    <?php echo $product['price']; ?>
    <?php } else { ?>
    <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
    <?php } ?>
    </div>
    </a>
    </div>
    <?php $m = 3000; ?>


    <div class="name" style=" min-height: 40px;"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
    <div style="width: 100%; margin: 0;" class="cart full_width">
    <input style="height: 35px; border-radius: 0 !important;"type="button" value="<?php echo $button_cart; ?><?php if ($product['special']) { echo $sale; } ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" />
    </div>

    <script type="text/javascript">

    2.
    <script type="text/javascript">
    $(document).ready(function() {
    /* $("#owl-example3").owlCarousel({
    navigation : true,
    slideSpeed : 200,
    paginationSpeed : 400,
    items: 4
    }); */

    var opts = $.parseJSON('[[0,1],[470,2],[760,2],[980,3],[1100,3],[1365,4],[1599,5],[1919,6]]');

    $("#owl-example3").owlCarousel({
    lazyLoad: true,
    itemsCustom: opts,
    autoPlay: true,
    touchDrag: false,
    stopOnHover: true,
    items: 4,
    itemsDesktop: [1199,3],
    navigation: true,
    scrollPerPage: true,
    navigationText: false,
    paginationSpeed: 400,
    margin: 20
    });

    });
    $(document).ready(function() {
    $('.colorbox').colorbox({
    overlayClose: true,
    opacity: 0.2,
    rel: false,
    onLoad:function(){
    $("#cboxNext").remove(0);
    $("#cboxPrevious").remove(0);
    $("#cboxCurrent").remove(0);
    }
    });

    });
    </script>
    Или ссылка на файл карточки товара: https://yadi.sk/d/a8NggWhH3D9x92
     
    Последнее редактирование: 6 фев 2017
    shede нравится это.
  6. shede

    shede

    Регистрация:
    11 авг 2016
    Сообщения:
    84
    Симпатии:
    46
    У меня все правильно отображается, не пойму, что не так
     
    cotto51rus нравится это.
  7. cotto51rus

    cotto51rus

    Регистрация:
    3 янв 2016
    Сообщения:
    232
    Симпатии:
    8
    Почистила кэш, все равно не так. Посмотрите на скрине как было (Похожие товары были именно в блоке описания)
    А теперь показывается под блоком и не работает прописанные стили к Похожим товарам (именно под адаптацию, у меня было под разные разрешения определенное количество показа товаров, одним словом блок вылез на левую колонку)
    Скрин прилагаю - https://yadi.sk/i/c05QGz9F3DAG7y
    В скрине выделила, что блок должен быть по ширине описания, а не всего сайта и именно в описании в самом низу, как раньше было

    У меня немного своеобразное отображение похожих товаров, т.е. он должен показываться внизу во всех вкладках в товаре, в принципе так раньше и было
    --- Добавлено, 6 фев 2017 ---
    Я в карточке прописала так стиль
    <?php echo $header; ?><?php echo $column_left; ?><div class="your-class"><?php echo $column_right; ?></div>
    Может из-за этого слетела ширина Похожих товаров? Только вот не знаю, где поправить нужно или добавить с этим классом что-то.. не знаю