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

[tomm]

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

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

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

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

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

 

[RHCk]

1 час назад, tomm сказал:

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

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

[tomm]

46 минут назад, RHCk сказал:

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

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

[RHCk]

11 минуту назад, tomm сказал:

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

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

[jaffagold]

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

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

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

 

[tomm]

1 час назад, jaffagold сказал:

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

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

[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]

1 час назад, jaffagold сказал:

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

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

[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">

 

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