COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

jaffagold

opencart.pro
  • Публикации

    624
  • Зарегистрирован

  • Посещение

  • Days Won

    45

Сообщения, опубликованные пользователем jaffagold

  1. У автора описана мнимая проблема, а @RHCk указал реальную. А я показал, как решить.

    Там с шириной ( если глюк при масштабе рассматривать) надо внимательно глянуть. 

    Если убрать бордер у карточки товара, то полоса прокрутки исчезает

     

  2. На ноутбуках проявляется и сейчас.

    Дело в том, что главная причина - это то,  что высота описания разная,  надо ее зафиксировать.

    Например так:

     

     .product-thumb .caption h4 + p {

          height: 70px;

    }

    Возможно, с медиазапросом. Тут надо проверять на разной ширине экрана.

  3. потому что там надо чуть иначе

    Сейчас у ТС path=95_91

    Для получения id категории

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

    $path = '';

                $parts = explode('_', (string)$this->request->get['path']);

                $category_id = (int)array_pop($parts);

    В принципе, $category_id и так вычисляется. Его остается только передать в массиве $data и сделать проверку

     

  4. 9 часов назад, Stas8545 сказал:

    Подскажите, пожалуйста, как копировать страницы категорий?

    Смотрите в исходной категории вкладку Дизайн. Возможно, для нее используется особый макет.

    Но остается вопрос с  шапкой.

    При обычном раскладе не должно быть отличий.

    Есть подозрение, что какие-то элементы скрыли с помощью стилей

    Цитата

    Вот я и хочу копировать предыдущие страницы и менять только текст. Как это сделать?

    Вы неверно себе представляете принцип работы системы.

     

  5. Там такая раскладка.

    Две вертикальных колонки.

    В левой картинки и снизу описание, характеристики

    В правой Название товара, опции, цена, кнопка Купить

    Внимательно посмотрите на файл product.tpl

    и в Инспекторе кода посмотрите на расположение блоков на странице товара.

    И почитайте про Бутстрап, как там все устроено.

    Перед внесением изменений делайте резервную копию.

     

    Описание, Характеристики находятся тут:

    Начиная с <ul class="nav nav-tabs"> (примерно строка 36)

    Захватывая <div class="tab-content">

    и заканчивая непосредственно перед этим куском но

    не включая его (в районе 126 строки)

            </div>
            <?php if ($column_left || $column_right) { ?>
            <?php $class = 'col-sm-6'; ?>

    Для начала попробуйте этот код закомментировать так

     

    <!--

    тут кусок кода, который мы комментируем ( отключаем как бы)

    -->

     

    А потом

    Создайте  блок

    <div><h2>TEST</h2></div>

    непосредственно перед

          </div>
          <?php if ($products) { ?>
          <h3><?php echo $text_related; ?></h3> ( это в районе 327 строки)

     

    Когда вы увидите надпись TEST там, где ожидали.

    То можете вместо <h2>TEST</h2> вставить то, что закомментировали ранее.

  6. Это надо прописывать в common.js

    \catalog\view\javascript\common.js

    Скрытый текст

        // Product Grid
        $('#grid-view').click(function() {
            // 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');/*разметка с учетом отсутствия боковых колонок*/
            }

    выделенное меняете на col-lg-3

    P.S.  изменения проявятся по всему сайту, где используется переключение отображения блоков Список-Сетка

  7. Делали, только простой вариант

     

    .corner_0 {

         position: absolute;

    }

    У вас флажок стикера был сверху и сдвигал картинку вниз, стал в верхнем углу и не мешает..

    только я потом немного поправил, с учетом того, что надо будет по четырем углам разносить четыре стикера.

    Добавлять надо в самый конец файла.

    Тем самым отменяются те стили, которые указаны в начале.

    Не приходится лазить по всему файлу. 

     

  8.  

    Стикер ( один вверхний левый) мы же убрали уже с помощью

    .corner_0 {

        position: absolute;

        top: 0;

        left: 5px;

    }

    Аналогично надо с другими поступить. Создайте товара со всеми 4-мя стикерами. И дайте ссылку на него.

    И еще.

    Не слишком хороший тон писать БОЛЬШИМИ БУКВАМИ текст в магазине. ( за исключением редких уместных случаев). Поисковики это не любят.

    Было бы неплохо в описании товара заменить

    ПОДГУЗНИКИ HUGGIES ULTRA COMFORT 4 (8-14 КГ) ДЛЯ ДЕВОЧЕК (80 ШТ)

    на

    Подгузники Huggies Ultra Comfort 4 (8-14 КГ) для девочек ( 80 шт)

    Чтобы названия всех товаров стали большими буквами, пропишите в стилях/ Так делать можно.

     

    .product-thumb .product-name a {

        text-transform: uppercase;/*БОЛЬШИЕ БУКВЫ*/

     

    и попробуйте потом

     

    .product-thumb .product-name {

        min-height: 50px; /*высота названия товара*/

    }

     

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

  9. Так пропишите хотя бы, что я вам говорил

    Скопируйте вместе с точками в начале строки и вставьте в stylesheet.css

    .caption {

        min-height: 150px;

    }

    .corner_0 {

        position: absolute;

        top: 0;

        left: 5px;

    }

     

    И еще

    в районе строки 783 закомментируйте строки сначала одну потом другую, вот так

    /* и тут то, что мы комментируем, то есть отключаем */

     

    .product-thumb .product-name a {

    /* color: #666; */

    /* font-size: 12px; */

    }

    так, вроде, посимпатичнее будет? 

    И еще, миниатюры товара размером 150 на 150 мелковаты ( на мой взгляд)

    Я бы попробовал 250 на 250 или даже 300 на 300

    ( В настройках шаблона указывается) 

    И можно будет без бинокля рассматривать карточки товаров.

    А большие фото товаров где-то 600 на 600 или даже 800 на 800 ( в зависимости от исходных фотографий)

  10. 2 часа назад, butuz.kz сказал:

     

    19 часов назад, jaffagold сказал:

    . Разная высота карточек товара в зависимости от длины названия и описания товара. Это стандартная болячка стандартного шаблона опенкарт.  Самое простое- указать высоту для div.caption ( возможно, придется еще повозиться с медиазапросами)

    не могу найти строк с div.caption в stylesheet.css 

     

    их нет.

    Стили надо не править, а дописывать в конце файла.

    Вам рановато еще править. Пока изучите матчасть на уровне "для чайников" ( без обид)

    http://htmlbook.ru/samcss

  11. 8 часов назад, butuz.kz сказал:

    Может кто подскажет как вернуть назад все или привести в нормальный вид? на компе тоже товары все пляшут, в стандартной теме товары стоят ровно, но в мобильной версии все так же как на скрине

    Тут 2 проблемы

    1. Разная высота карточек товара в зависимости от длины названия и описания товара. Это стандартная болячка стандартного шаблона опенкарт.  Самое простое- указать высоту для div.caption ( возможно, придется еще повозиться с медиазапросами)

    2. Если речь о двух колонках на самых малых экранах( вид - так себе..). Похоже, что в файле common.js поменяли col-xs-12 на col-xs-6. Попробуйте вернуть оригинальный файл из сборки.

     

    И еще. Ссылка на сайт сильно ускоряет и облегчает помощь.

    P.S.

    Возьмите за правило, делать резервные копии файлов, с которыми работаете. И регулярно делать бэкап файлов сайта и базы данных.

    Смотрите строка выделена жирным (stylesheet.css:1060) это где плохой код.

    Вот то, что красным, уберите, или замените на 

    width: 100%; ( как и должно быть)

     

     

    @media (max-width: 768px)

    stylesheet.css:1060

    .col-xs-12 {

    width: 50%;

    vertical-align: top;

    text-align: center;

    }

    Так решите вторую проблему. А потом за первую можно браться

    Там у вас еще стикеры криво стоят. Из-за них картинка съезжает вниз и карточка товара удлинняется.

    Им надо что-то типа такого

    .corner_0 {

    position: absolute;

    }

    Ну и смотреть, куда их позиционировать.

     

    А потом надо разбираться с высотой блоков товаров, модулей, статей.

    ЧТО у вас со шрифтом творится на странице? 

    .product-thumb .product-name a {

    color: #666;

    font-size: 12px; /*это кто такое придумал????*/

    }

     

    Таки WarStyle был прав. Рано вам еще...

     

  12. Вы сначала разберитесь с опенкартом без всяких шаблонов. Там с наскоку не разобраться. И только потом ставьте шаблоны.

    Если у вас уже такие проблемы возникли, то с вашим уровнем подготовки вы не справитесь с платным шаблоном.

  13. Смотрите common.js


        if (localStorage.getItem('display') == 'list') {
            $('#list-view').trigger('click');
            $('#list-view').addClass('active');
        } else {
            $('#grid-view').trigger('click');
            $('#grid-view').addClass('active');
        }
     

    и меняйте на

     


        if (localStorage.getItem('display') == 'grid') {
            $('#grid-view').trigger('click');
            $('#grid-view').addClass('active');
        } else {
            $('#list-view').trigger('click');
            $('#list-view').addClass('active');
        }