Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


ruscosmonavt

Recommended Posts

Всем привет, шаблон дефолт, 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

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

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


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

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


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 вместо обычного

 

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

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

 

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

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

Змінено користувачем ruscosmonavt
Надіслати
Поділитися на інших сайтах


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

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

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

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

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

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

<div class="col-md-4 col-lg-3">

Подсказка

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

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

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

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

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

Змінено користувачем jaffagold
Надіслати
Поділитися на інших сайтах


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

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

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

 

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

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

Змінено користувачем ruscosmonavt
Надіслати
Поділитися на інших сайтах


Можно.

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

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

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

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

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

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

 

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

 

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

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

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

 

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

Змінено користувачем jaffagold
Надіслати
Поділитися на інших сайтах


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

Ви повинні бути користувачем, щоб залишити коментар

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

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.