col-sm-6 и в продукте и категориях

ruscosmonavt · 17 серпня 2017

Всем привет, шаблон дефолт, col-sm-6 используется и на странице категорий и на странице товара

при изменении в bootstrap получилось так, что на странице товара необходимо content сделать col-sm-6 50% так как при значении 60% начинает съезжать блок (с ценой, кнопками купить, сравнить и.т.д.) вниз под описание и характеристики. тогда при значении 50%, на странице категории, где есть левый макет 20%, правый макет 20%, остается 10% пустого места, блок по центру выглядит плохо. подскажите пожалуйста, как сделать в категории 60%, а в товаре 50%, в чем проблема может быть?

Страница категории: https://progres.store/index.php?route=product/category&path=339_340

Страница товара: https://progres.store/index.php?route=product/product&path=339_340&product_id=15596

Благодарю за внимание

HyperLabTeam · 17 серпня 2017

зачем бутстрап трогать?
смотрите документацию бутстрапа по блокам и замените классы на нужные в тплках
http://bootstrap-3.ru/css.php#grid-options

Gann · 17 серпня 2017

35 минут назад, ruscosmonavt сказал:

Всем привет, шаблон дефолт, col-sm-6 используется и на странице категорий и на странице товара

подскажите пожалуйста, как сделать в категории 60%, а в товаре 50%, в чем проблема может быть?

привет!

В таких случаях можно новый класс, вроде

@media (min-width: 768px) {
.col-sm-6-modif {
width: 60%;
float: left;
}
}
.col-sm-6-modif{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}

т.е. скопировав стили из ботстрапа и добавив их в стюлещееет

в TPL категории col-sm-6-modif вместо обычного

ruscosmonavt · 17 серпня 2017

спасибо всем, заменил в tpl класс из бутстрапа который нужен)

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

можно ли взять стандартный файл из коробки и заменить его текущим? не возникнет конфликтов?

Змінено 17 серпня 2017 користувачем ruscosmonavt

jaffagold · 17 серпня 2017

Зачем вы стали трогать бутстраповские стили?

Добром не кончится

Посмотрите на вид сайта на разрешениях экрана от 990 до 1100

Витрину категорий вместо разметки

сделайте с такой разметкой- будет лучше

Подсказка

Если вам надо отдельно стилизовать что-то на отдельной группе страниц
то посмотрите на класс у тега body

Пример для товара: <body class="product-product-15596"

Пример для категории: <body class="product-category-339_340"

Пример для Главной: <body class="common-home"

И разберитесь, как работают селекторы атрибутов.

Змінено 17 серпня 2017 користувачем jaffagold

ruscosmonavt · 18 серпня 2017

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

Зачем вы стали трогать бутстраповские стили?

Добром не кончится

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

то есть не будет проблем, если просто заменю на стандартный файл из коробки

Змінено 18 серпня 2017 користувачем ruscosmonavt

jaffagold · 18 серпня 2017

Можно.

Порядок действий при внесении серьезных правок всегда такой:

Бэкап базы данных

Бэкап фалов опенкарта

Внесение изменений

Если все сработало- оставляем и двигаемся дальше.

Если поломалось, то есть шанс или поправить или откатиться назад.

Если правятся только файлы стилей или отдельные файлы шаблона, то достаточно делать бэкап только этих файлов.

В вашем случае. Сначала делаете бэкап тех файлов, которые уже у вас есть.

Потом заменяете на оригинальные.

Не забываете обновлять кеш модификаторов и обновлять страницу сайта с очисткой кеша ( Ctrl+F5).

И еще, проверяйте как выглядит сайт на разных разрешениях экрана.

Змінено 18 серпня 2017 користувачем jaffagold

Вхід

col-sm-6 и в продукте и категориях

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Схожі публікації

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information