Почему плавает верстка в дефолтном шаблоне OC.PRO?

[tomm]

при выборе "преимуществ"  в категории товаров и в карточке начинают отображаться эти преимущества, при этом слова накладываются одно на другое. почему так происходит ? во вложении 4 скриншота, на первом и четвертом - "преимущества" не выбраны. на двух средних - выбраны "преимущества" - вайфай и блютуз.

  Показать содержимое

  Показать содержимое

  Показать содержимое

  Показать содержимое

 

[RHCk]

  В 20.01.2018 at 11:22, tomm сказал:

при этом слова

Expand  

В сотый раз повторяю персонально для Вас - Картинки, код и логи убирайте под спойлер!

[tomm]

  В 20.01.2018 at 12:51, RHCk сказал:

В сотый раз повторяю персонально для Вас

Expand  

для этого надо на глаз нажать в верхней строке ? так я нажимал.

[RHCk]

  В 20.01.2018 at 13:35, tomm сказал:

для этого надо на глаз нажать

Expand  

Да, нажимаете пиктограмму Глаз, и перетаскиваете картинки в появившееся поле.

[jaffagold]

Возможно, у вас неродной файл стилей stylesheet.css или уже кто-то в нем поковырялся.

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

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

 

[tomm]

  В 20.01.2018 at 15:59, jaffagold сказал:

неродной файл стилей stylesheet.css или уже кто-то в нем поковырялся

Expand  

да, меняли шапку. могло и всё остальное пострадать ?

[jaffagold]

Смотря что меняли. Если в stylesheet.css лазили, то могли вполне.

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

Сравните их с измененными, найдите, где закрывающую фигурную скобку зацепили, например.

Или сделайте откат, посмотрите как было сначала.

 

 

[jaffagold]

Если не косячить, то все и так нормально отображается.

  Показать содержимое

Если чуток поколдовать, то можно сделать так:

Перенести Преимущества под фото над описанием товара. Там ему и место, мне кажется.

Выделение фоном использовано только как тестовое обозначение блока. Это не дизайнерское решение.

  Показать содержимое

 

А в Категории можно проявить скрытые Преимущества и Подарки. Сделать так:

 

  Показать содержимое

Но возникает проблема, когда идет большой текст в описании преимущества, то он залазит под  стикер для товара из нижнего ряда "лучший выбор" или иной, если он стоит в верхнем угла картинки.

  Показать содержимое

Тут надо немного поработать, но все решаемо.

 

Не забывайте, что базовый шаблон, это самая простая реализация. Новые фишки внедряются, но времени вылизывать все до идеала нет.

Тут возможны шероховатости.

Хотите красоту, ждите адаптированный бесплатный или платный шаблон. Или сами ручками.

 

Чтобы поправить отображение картинки Подарок на средних экранах

надо добавить класс Img-responsive для их картинки

\catalog\view\theme\default\template\product\product.tpl

в районе 315 строки добавить 2 раза class="img-responsive"

  Показать содержимое

                    <p>Ваш подарок при покупке</p>
                        <?php if (!$benefit['link']) { ?>
                           <span class="thumb"><img class="img-responsive" src="<?php echo $benefit['thumb']; ?>" alt="<?php echo $benefit['name']; ?>" /></span>
                        <?php } else { ?> 
                           <a href="<?php echo $benefit['link']; ?>" target="_blank" title="<?php echo $benefit['name']; ?>"><span class="thumb"><img class="img-responsive" src="<?php echo $benefit['thumb']; ?>" alt="<?php echo $benefit['name']; ?>" /></span></a>
                        <?php } ?>
                    </div>

получаем

  Показать содержимое

 

[tomm]

  В 23.01.2018 at 09:56, jaffagold сказал:

Хотите красоту, ждите адаптированный бесплатный или платный шаблон

Expand  

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

[jaffagold]

Я к этому не имею отношения.

Вопрос не ко мне. Вроде шаблон Барбара понемногу доводится под все новшества сборки.

 

Вот еще

Когда слово Преимущества наезжают на иконки преимуществ, т я бы поправил разметку в product.tpl

вот тут

        <?php if ($benefits) { ?>
        <div class="benefits col-sm-12">
        <div class="col-sm-4"><?php echo $text_benefits; ?></div>

вместо

 <div class="col-sm-4">

сделал

 <div class="col-lg-6">

чтобы на средних экранах уже был перенос иконок на новую строку.

  Показать содержимое

или

 <div class="col-md-6">

 

Но это-дело вкуса.