Jump to content
Sign in to follow this  
ruscosmonavt

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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 вместо обычного

 

Share this post


Link to post
Share on other sites

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

 

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

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

Edited by ruscosmonavt

Share this post


Link to post
Share on other sites

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

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

Посмотрите на вид сайта на разрешениях экрана от 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"

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

Edited by jaffagold

Share this post


Link to post
Share on other sites
16 часов назад, jaffagold сказал:

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

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

 

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

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

Edited by ruscosmonavt

Share this post


Link to post
Share on other sites

Можно.

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

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

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

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

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

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

 

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

 

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

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

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

 

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

Edited by jaffagold

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By futurolog
      1) Перенести меню в хэдере как показано на скрине (только десктоп)
      Сейчас так :http://prntscr.com/tubpfo
      Нужно так : http://prntscr.com/tubsuq
       
      2) Расширить контейнер до значений : container {width: 1486px;}, чтобы все варианты десктопов показывало с одинаковым размером как на скрине пример :
      http://prntscr.com/tubwwu плюс подравнять размеры слайдера и каруселей. (только десктоп)
       
      Подробности в личку
       
       
    • By MFSHOP
      Мне нужен хороший или отличный программист Opencart, со знанием Yii2. Цель - планомерный перенос нескольких сайтов с Yii2 на Opencart и дальнейшая их поддержка. Условия обсуждаются отдельно. Работа удалённая, оплата попроектная. Кому интересно, напишите мне в личку, пожалуйста.
       
      Требования, обязанности и условия прописаны ниже. Рассмотрю всех кандидатов. Указывайте цену за час работы, пожалуйста. Откликаться можно в телеграм @elizaveta_vasileva либо whatsapp/viber на номер 89821212982. Елизавета.
       
      Требуемый опыт работы: 1–3 года
      Полная занятость, удаленная работа
      Обязанности: Реализация утвержденной схемы взаимодействия систем
      "сайт cms - roistat - crm - 1c";
      Поддержка и разработка сайтов на OpenCart 2.3
      Перенос всех сайтов с Yii2 на единую платформу OpenCart 2.3
      Верстка контента
      Внедрение типовых модулей на сайт
      Доработка модулей, написание собственных по заказам службы маркетинга
      Обеспечение обмена данными сайта с другими системами (roistat, yandex, 1C)
      Разграничение прав пользователей, Обеспечение политики безопасности.
      Обучение пользователей возможностям системы.
      Установка обновлений программных компонентов
      Предоставление технической информации о размещенном контенте
      Визуализация рабочих схем, создание рабочих инструкций и регламентов
      Оптимизация расходов на ИТ
      Предложения по развитию ИТ для роста компании
      Требования: Высший уровень компетенции в области веб-программирования
      Понимание фреймворка Yii
      Знание фреймворка bootstrap Адаптивная верстка (HTML , CSS) по макетам (PSD) Базовый уровень работы с PHP включая ООП Умение разбираться и вносить изменения в существующий код (PHP, JS, CSS, HTML) Знание JavaScript Системы распределенного управления верcиями -GIT, базовый уровень с СУБД MySQL (приветствуется) Верстка под опенкарт 2.3 Умение работать с API (roistat, yandex, etc) Опыт работы в реальных проектах по поддержке сайтов на OpenCart, не менее 2-х лет
      Умение работать в команде и самостоятельно
      Орг. способности и умение координировать действия будут жирным плюсом
      Условия:
      Полностью "белая" заработная плата, официальное трудоустройство
      ЗП в зависимости от Ваших стартовых компетенций назначается индивидуально, от 40 до 60 т.р.
      Работа удалённо, из любой точки мира
      Просьба в отклике указывать уровень ЗП, на который рассчитываете.
    • By katilina
      1 900.00 руб
      Скачать/Купить дополнение


      July - адаптивный шаблон для ocStore/Opencart
      Адаптивный шаблон July.
      разработчики ShopUtils и Katilina
      Демо для версии ocstore - opencart 2.0.x - 2.1.x -2.2.x - 2.3
      Версия для 2.3.x - скачивайте архив july_ocstore_opencart_2.3_v2.16.07.14.zip

      april.mattimeo.ru
      mart.mattimeo.ru
      august.mattimeo.ru
      ДОКУМЕНТАЦИЯ april.mattimeo.ru/documentation
       
      Готовые магазины на шаблоне July ( публикация согласована с владельцами)
      http://akimov-moscow.ru
      https://ligabarshop.ru
      http://www.dveriantem.ru
      http://kollekcioner24.ru
      https://market-dvery.ru
      https://kngshop.ru
      https://tservice23.ru
      https://smenki.com.ua
      http://enargit.ru
      http://allpanels.ru
      http://trustsm.ru
      http://prodzdrav.ru
      http://krymmasla.ru
      http://mebelsmail.com
      http://www.nikaopt.ru
      https://profmix.ru
       
      Демо для версии ocstore 1.5.5.1.2

      july.mattimeo.ru
      may.mattimeo.ru
      june.mattimeo.ru
      Внимание! Версии шаблона под 1.5.х и под 2.х лицензируются отдельно даже для одного домена.
      Ключ на домен, у которого уже есть ключ для версии 15512, выдаётся за дополнительную плату 1500 руб.
      Поддержка движка другой версии в цену одного шаблона не входит
       

       
      Системные требования:
      - ocStore v1.5.4.x - 2.3.x / Opencart 1.5.4.x - 1.5.6.x, Opencart 2.0.x - 2.1.x - 2.2.x - 2.3.x
      Будьте внимательны при установке движка. Opencart.Pro с шаблоном не протестирован.
      - Ioncube Loader v4.5+ (для 2.x - 5.0+)
      - PHP v5.6+
      - vQmod v2.4.1 (только для 1.5.x)
      В версии шаблона для 2.0.x - 2.1.x - 2.2.x
      - Вы можете включить отображение опций в модулях и в выбранных категориях ( опции в блоке товара или в модальном окне на Ваш выбор)
      - Выбор количества товара в модулях и в категориях
      - Выбор сеток товара на странице категорий ( по 5, 4, 3 в ряд или 2 вида списка)
      - Новости с категориями
      - Дополнительные модули для новостей ( избранные, последние, тэги, разделы новостей)
      - Возможность прикреплять товары к новостям
       

       
      July тема - позитивный и чистый шаблон. Если Вы хотите иметь уникальный, привлекательный дизайн и пытаетесь сделать свой стиль среди многочисленных владельцев магазинов, July тема является прекрасной отправной точкой для Вас.
      Демо-данные высылаются по просьбе покупателя
      http://july.mattimeo.ru/docs/img/boots.png Шаблон использует технологию вёрстки bootstrap3
      http://july.mattimeo.ru/docs/img/user_part2.jpg
      Мы стараемся для Вас. Если Вам понравилась тема, не забудьте поставить 5 звёздочек
      В шаблоне есть также модуль новостей, подписка на новости магазина,
      возможность очистить кэш из админ панели управления сайтом.
      Вы можете загрузить настройки шаблона, сохранить настройки шаблона.
      Список модулей будет увеличиваться.
       
      100% гарантии интеграции к сторонним модулям нет
      Рекомендуем модули
      1. Живая цена - Динамическое обновление цены
      2. FilterPro Патч для модуля в архиве july_for_filterpro.zip
      3. SEO CMS TOP 2: Блог | Новости | Отзывы | Галерея | Формы
      4. Дополнительные вкладки на странице товара Патч для шаблона, купившим модуль
      Добавил katilina Добавлено 09.11.2015 Категория Платные шаблоны Системные требования ocStore v1.5.4.x - 2.x / Opencart 1.5.4.x - 1.5.6.x, Opencart 2.0.x - 2.1.x - 2.2.x - 2.3.xIoncube Loader v4.5+ (для 2.x - 5.0+)PHP v5.6+vQmod v2.4.1+ (только для 1.5.x) Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1 ocStore 2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет Старая цена 0  
    • By Sha
      300.00 руб
      Скачать/Купить дополнение


      Меню Step By Step
      Menu Step By Step:
      Пошаговое меню для OpenCart, хлебные крошки с выпадающими списками.
      модуль тестировался на ocStore 1.5.5.x.x
      для OpenCart 2.0 здесь >
      ВОЗМОЖНОСТИ:
      - Пошаговый подбор товара (категории товара).
      - Возможность использовать, как хлебные крошки breadcrumb с выпадающими списками (как в total commander).
      - Вертикальный вывод пунктов меню, Горизонтальный вывод пунктов меню. (Опция) NEW
      - Вывести только указанные начальные категории в меню по ID, с "запоминанием", не нужно повторно вводить. (Опция) NEW
      - Возможность указать количество видимых пунктов/шагов по умолчанию. (Опция)
      - Указать <h3> заголовок модуля. (Опция)
      - Скрыть или показать пункты категорий в которых находимся (с помощью стилей)(читаем ниже)
      - Скрыть или показать пункты пустых подкатегорий (с помощью стилей)(читаем ниже)
      ЛОКАЛИЗАЦИЯ:
      - English.
      - Русский.
      - Украинский.
      ПРОСТАЯ УСТАНОВКА:
      Скопировать содержимое папки [upload] в корень движка.
      (структура архива соответствуют структуре папок OpenCart)
      ОБНОВЛЕНИЕ:
      Скопировать содержимое папки [upload] в корень движка, с заменой, поверх старой версии.
      ВАЖНО:
      Дополнение предоставляется по принципу "Как есть", Разработчик НЕ ГАРАНТИРУЕТ отсутствия ошибок, которые могут нарушить работу компьютера и/или сайта и/или привести к потере данных.
      Также, если в код магазина было внесено много изменений, то работоспособность модуля может быть нарушена.
      Использует ajax,
      Модуль совместим с bootstrap, (т.е. классы прописаны, и если на вашем сайте установлен bootstrap, модуль подхватит стили автоматически.)
      Модуль не затирает, не заменяет ни каких файлов движка.
      Тем не менее, рекомендуем перед установкой делать бэкап файлов и базы данных!!!
      Демонстрация магазина
      Демонстрация админки
      имя пользователя: login
      пароль: login
      ЛИЦЕНЗИЯ:
      - скачать модуль можно только на форуме опенкартфорум ком
      - на сайте r.konotop.info представлено полное описание и обсуждение багов или доработок модуля (предлагайте).
      остальные способы распространения Menu Step By Step левые и ни какого отношения к данному модулю не имеют!!!
      - Модуль реализуется по принципу "1 покупка – 1 доменное имя" (для установки на второй свой сайт, необходимо оплатить второй раз, на третий - третий раз купить модуль...)
      - Запрещается передавать файлы модуля третьим лицам, как на платной, так и на безвозмездной основе.
      ТЕХНИЧЕСКАЯ ПОДДЕРЖКА:
      Техническая поддержка доступна только пользователям, из списка покупателей модуля. Если вы обращаетесь с просьбой разобраться в проблеме то, для экономии нашего времени, укажите: 1) адрес сайта, 2) доступ в админ-панель, 3) доступ на FTP-сервер.
      ПОДРОБНЕЕ ДЛЯ РАЗРАБОТЧИКОВ
      Возможность стилизовать:
      - ещё не выбранный пункт (неактивный): class="translucent",
      - пункт совпадающий с любым id из цепочки path=, или по другому breadcrumb: class="here",
      - горизонтальный/вертикальный: class="horizontal", (можно, впринципе, использовать для любой опциональной хотелки)
      - последний в цепочке иерархии категорий, class="last"
      - скрыть или показать пункты категорий в которых находимся
      (например: .ajax-category-container .list-group-1.here{display:none} скроет первый пункт когда мы находимся в категории, но не скроет на главной, и так далее)
      - скрыть или показать пункты пустых подкатегорий (например: .ajax-category-container .last ~ .translucent{display:none} если выбрав один из пунктов он окажется последним в иерархии, то скроет все следующие за ним)
      Изменения
      Добавил Sha Добавлено 17.09.2015 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика Старая цена  
    • By Sha
      399.00 руб
      Скачать/Купить дополнение


      Меню Step By Step
      Menu Step By Step:
      Пошаговое меню для OpenCart, хлебные крошки с выпадающими списками.
      модуль тестировался на OpenCart 2.0.3.1, 2.3.0.2
      модуль для ocStore 1.5.5.x.x здесь >
       
      ВОЗМОЖНОСТИ:
      Пошаговый подбор товара (категории товара). Возможность указать количество видимых пунктов по умолчанию. Возможность использовать, как хлебные крошки breadcrumb с выпадающими списками (как в total commander).  
      ЛОКАЛИЗАЦИЯ:
      English. Русский. Украинский.  
      ПРОСТАЯ УСТАНОВКА:
      Скопировать содержимое папки [upload] в корень движка.
      (структура архива соответствуют структуре папок OpenCart)
       
      ВАЖНО:
      Дополнение предоставляется по принципу "Как есть", Разработчик НЕ ГАРАНТИРУЕТ отсутствия ошибок, которые могут нарушить работу компьютера и/или сайта и/или привести к потере данных.
      Также, если в код магазина было внесено много изменений, то работоспособность модуля может быть нарушена.
      Использует ajax и bootstrap.
      Модуль не затирает, не заменяет ни каких файлов движка.
      Тем не менее, рекомендуем перед установкой делать бэкап файлов и базы данных!!!
       
      ДЕМО МАГАЗИНА
      ДЕМО АДМИНИСТРАТИВНОЙ ЧАСТИ
       
      имя пользователя: login
      пароль: login
       
      ЛИЦЕНЗИЯ:
      - скачать модуль можно только на форуме opencartforum.com
      - на сайте r.konotop.info представлено полное описание и обсуждение багов или доработок модуля (предлагайте).
      остальные способы распространения Menu Step By Step левые и ни какого отношения к данному модулю не имеют!!!
      - Модуль реализуется по принципу "1 покупка – 1 доменное имя". (для установки на второй свой сайт, необходимо оплатить второй раз, на третий - третий раз купить модуль...)
      - Запрещается передавать файлы модуля третьим лицам, как на платной, так и на безвозмездной основе.
       
      ТЕХНИЧЕСКАЯ ПОДДЕРЖКА:
      Техническая поддержка доступна только пользователям, из списка покупателей модуля. Если вы обращаетесь с просьбой разобраться в проблеме то, для экономии нашего времени, укажите: 1) адрес сайта, 2) доступ в админ-панель, 3) доступ на FTP-сервер.
      Изменения:
      Добавил Sha Добавлено 02.09.2015 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.0 ocStore 2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Старая цена  
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.