Перейти к содержанию
Cleo

Как изменить стандартное расположение блоков

Рекомендуемые сообщения

Подскажите пожалуйста, можно ли изменять стандартное расположение блоков (шапка, подвал, левый/правый)? Мне интересно в правую колонку разместить баннер, под ним виджет ВКонтакте, под ним еще какой-нибудь баннер... Возможно ли это? Если да, то как?

Пробовал вставить просто вставить баннер в шапку и в правую колонку - правый залазит под верхний.

Буду очеь благодарен!

Версия 1.5.1.3

Тема Christa_Blue

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Подскажите пожалуйста, можно ли изменять стандартное расположение блоков (шапка, подвал, левый/правый)? Мне интересно в правую колонку разместить баннер, под ним виджет ВКонтакте, под ним еще какой-нибудь баннер... Возможно ли это? Если да, то как?

Пробовал вставить просто вставить баннер в шапку и в правую колонку - правый залазит под верхний.

Буду очеь благодарен!

Версия 1.5.1.3

Тема Christa_Blue

Возможно. Просто попросите помочь человека, разбирающегося в верстке. Никаких функциональных препятствий для этого нет.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От AWARO
      699.00 руб
      Скачать/Купить дополнение


      HYPER Positions +70 позиций модулей - oc2.0 - 2.1 - 2.2x
      70 модульных позиций в 24х блоках  - Оформление, лендинг, дизайн.
      эта версия для opencart 2.0 - 2.1 - 2.2
      для  версии 2.3x >>   ТУТ
       
      В модуле никогда не было стучалок и прочей лапши - всем, кто скачал где то - где модуль неофициально представлен - мои поздравления с вирусами и свободным доступом к вашей базе данных 
       
      Забудьте об однообразном расположении позиций вывода модулей как инкубационные яйца))
      Позаботьтесь о презентабельной подаче вашего сайта - это не только лицо вашей компании но и ваше лицо!
      Модуль HYPER Positions позволяет увеличить количество позиции и вывести любой модульный контент как пожелает ваша фантазия, позволяя более презентабельно и эффективно оформить любую страницу вашего сайта!
      Модуль не затирает а заменяет ваши стандартные схемы на свои! если что то не так - то достаточно его выключить в модификаторах!
      описание
      Модуль HYPER Positions позволяет увеличить количество позиции и вывести любой модульный контент как пожелает ваша фантазия, позволяя более презентабельно и эффективно оформить любую страницу вашего сайта!
      Модуль добавляет к уже имеющимся блокам ещё 24 блочных позиций и 70 колонок вывода модулей в 5 секциях!
      Внедрены четыре вида блоков общее количество которых 24 штуки каждый из которых так же можно растянуть на всю ширину экрана
      Восемь блоков четырех колоночных позиций = 32 модульных позиций Шесть блоков трех колоночных позиций = 18 модульных позиций Пять блоков трех колоночных позиций по типу стандарта = 15 модульных позиций Пять блоков с одно модульной позицией = 5 модульных позиций Возможность перетаскивать модули по сортировке Переход к редактированию модуля ДЕМО  с оформлением
      ДЕМО   без оформления
      АДМИНКА  demo\demo
           все модульные позиции              один из вариантов             чем ни лендинг?))

             

      Схемы настройки блоков
               
      + Вывод виджетов SEO CMS TOP от markimax
       
      Вывести можно хоть все позиции но! лучше только те, что вам нужны!
       
      Установка:
      В административной части во вкладке *Установка дополнений* загрузить архив. В административной части во вкладке *Менеджер дополнений* нажать кнопку обновления. ВНИМАНИЕ!
      Ни какие файлы не затираются
      --------------
      Возможно будет нужна адаптация под ваш шаблон  нужно смотреть походу..
      в любом случае если, что то не так пишите в тему поддержки - попробуем сделать
      ВНИМАНИЕ!
      Не подходит для использования под дебильные шаблоны по типу Jornal, Fastor и им подобных!
      Поддержка и адаптация под прочие шаблоны возможна только на ветке 2.3x!
      Прежде чем приобрести модуль уточняйте все моменты в теме поддержки!
       
      Если вы купили модуль и он у вас не корректно установился, не заработал и т.д. и вы мне отказываете в доступах для поддержки - значит поддержка вам ненужна
       
      Благодарность ваша это оставить отзыв к файлу. Это мотивирует нас на развитие модуля.
      Спасибо вам за спасибо!)
      Пользуйтесь на здоровье)
      Лицензия
      Это программное обеспечение не свободно!
      Условия использования лицензии - "одна покупка модуля > на один домен".
      Это означает, что Вы можете использовать одну лицензию для одного домена и его под доменов.
      Для дополнительных доменов требуется дополнительная покупка модуля!
      Запрещена передача данного ПО третьим лицам, распространение от своего имени, изменение исходных файлов модуля без получения разрешения на то автора модуля.
       
      Прежде чем купить читайте описание!
      Если не смотря на это вы всё же приобрели то знайте Модуль возврату или обмену не подлежит! Учтите этот момент!
       
      Добавил AWARO Добавлено 11.04.2017 Категория Меню, дизайн, внешний вид Системные требования Сайт разработчика http://awaro.ru Старая цена 999 Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.2
      2.1
      2.0 ocStore 2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.1
      OcShop 2.0.3.х  
    • От AWARO
      70 модульных позиций в 24х блоках  - Оформление, лендинг, дизайн.
      эта версия для opencart 2.0 - 2.1 - 2.2
      для  версии 2.3x >>   ТУТ
       
      В модуле никогда не было стучалок и прочей лапши - всем, кто скачал где то - где модуль неофициально представлен - мои поздравления с вирусами и свободным доступом к вашей базе данных 
       
      Забудьте об однообразном расположении позиций вывода модулей как инкубационные яйца))
      Позаботьтесь о презентабельной подаче вашего сайта - это не только лицо вашей компании но и ваше лицо!
      Модуль HYPER Positions позволяет увеличить количество позиции и вывести любой модульный контент как пожелает ваша фантазия, позволяя более презентабельно и эффективно оформить любую страницу вашего сайта!
      Модуль не затирает а заменяет ваши стандартные схемы на свои! если что то не так - то достаточно его выключить в модификаторах!
      описание
      Модуль HYPER Positions позволяет увеличить количество позиции и вывести любой модульный контент как пожелает ваша фантазия, позволяя более презентабельно и эффективно оформить любую страницу вашего сайта!
      Модуль добавляет к уже имеющимся блокам ещё 24 блочных позиций и 70 колонок вывода модулей в 5 секциях!
      Внедрены четыре вида блоков общее количество которых 24 штуки каждый из которых так же можно растянуть на всю ширину экрана
      Восемь блоков четырех колоночных позиций = 32 модульных позиций Шесть блоков трех колоночных позиций = 18 модульных позиций Пять блоков трех колоночных позиций по типу стандарта = 15 модульных позиций Пять блоков с одно модульной позицией = 5 модульных позиций Возможность перетаскивать модули по сортировке Переход к редактированию модуля ДЕМО  с оформлением
      ДЕМО   без оформления
      АДМИНКА  demo\demo
           все модульные позиции              один из вариантов             чем ни лендинг?))

             

      Схемы настройки блоков
               
      + Вывод виджетов SEO CMS TOP от markimax
       
      Вывести можно хоть все позиции но! лучше только те, что вам нужны!
       
      Установка:
      В административной части во вкладке *Установка дополнений* загрузить архив. В административной части во вкладке *Менеджер дополнений* нажать кнопку обновления. ВНИМАНИЕ!
      Ни какие файлы не затираются
      --------------
      Возможно будет нужна адаптация под ваш шаблон  нужно смотреть походу..
      в любом случае если, что то не так пишите в тему поддержки - попробуем сделать
      ВНИМАНИЕ!
      Не подходит для использования под дебильные шаблоны по типу Jornal, Fastor и им подобных!
      Поддержка и адаптация под прочие шаблоны возможна только на ветке 2.3x!
      Прежде чем приобрести модуль уточняйте все моменты в теме поддержки!
       
      Если вы купили модуль и он у вас не корректно установился, не заработал и т.д. и вы мне отказываете в доступах для поддержки - значит поддержка вам ненужна
       
      Благодарность ваша это оставить отзыв к файлу. Это мотивирует нас на развитие модуля.
      Спасибо вам за спасибо!)
      Пользуйтесь на здоровье)
      Лицензия
      Это программное обеспечение не свободно!
      Условия использования лицензии - "одна покупка модуля > на один домен".
      Это означает, что Вы можете использовать одну лицензию для одного домена и его под доменов.
      Для дополнительных доменов требуется дополнительная покупка модуля!
      Запрещена передача данного ПО третьим лицам, распространение от своего имени, изменение исходных файлов модуля без получения разрешения на то автора модуля.
       
      Прежде чем купить читайте описание!
      Если не смотря на это вы всё же приобрели то знайте Модуль возврату или обмену не подлежит! Учтите этот момент!
       
    • От vlkombat
      400.00 руб
      Скачать/Купить дополнение


      Баннеры произвольно среди товаров и категорий
      Модуль позволяет:
      Вывести среди товаров, и подкатегорий баннеры с произвольным расположением в сетке - после n-го товара, или подкатегории.  Баннеры можно вывести среди товаров (подкатегорий) на всю ширину, или часть ширины страницы, разместив рядом произвольное число товаров.  Вывести слайдер, или одиночное изображение на странице категории Можно задать свои CSS классы и оформить в таблице стилей Есть версия с поддержкой многоязычности Установка
      Стандартно, через ocmod. В процессе установки в БД добавляется таблица "category_images".
       
      Панель управления (admin/)
      Все баннеры добавляются в карточке категории (все русифицировано, тестовый сайт без перевода):

       
      Для каждого баннера можно задать заголовок, описание, ссылку, размеры, CSS классы. 
      В полях "После категории" и "После товара" - задается порядковый номер подкатегории/товара на странице, после которого будет отображаться баннер. Если задать отрицательное значение, баннер будет выведен в самом начале. Если оставить поле не заполненным ("0") - будет отображено либо одиночное изображение вверху, либо слайдер (зависит от количества изображений).
      После одной категории, товара можно добавить только один баннер. До категорий, товаров может быть добавлено сколько угодно баннеров (вначале будут выведены баннеры в порядке сортировки, затем товары, категории).
      Пример:

      Здесь первый баннер будет выведен вверху страницы, отдельно. Желательно задать ему размеры. Если размер не задан, будет использован полный размер изображения (как есть).
      Второй баннер будет выведен после третьего товара, с заголовком, ссылкой, описанием. Если размеры не заданы, будут использованы стандартные для товара
      Третий баннер будет выведен после третей категории в списке. Размеры изображения или произвольные, или будет использован размер изображения категории (из настроек). 
      Размеры изображений категорий отдельно задать нельзя, но можно использовать для этого заданный размер любого баннера, достаточно отметить чекбокс "+ для категорий" (+ to img category), если ничего не отмечено - используются размеры изображения категории.
       
      Пользовательская часть (catalog/)
      Модификации подвергаются: модель, контроллер и шаблон категории. 
      Изменения в контроллер и шаблон (особенно шаблон) рекомендую вносить вручную, для большей гибкости.
      К тому же, если в контроллере какие-либо проблемы связанные с конфликтом модификаторов, или ошибки маловероятны, то в шаблоне может быть множество других изменений (скорее всего есть), а соответственно возможна некорректная модификация.
      Модификатор проверен с использованием стандартного шаблона - все работает.
      В шаблоне добавляется два блока вначале, там где идет проверка на наличие подкатегорий. Баннеры можно выводить независимо от того, есть ли дочерние категории, если же для категории не указано ни одного баннера в подкатегориях, их вывод будет стандартным.
      В блоке товара так же есть небольшие изменения - если на месте товара выведен баннер, то скрываются стандартные кнопки и при наличии ссылки появляется "подробнее". Если ссылка не задана - она обирается с заголовка и изображения.
      Собственных таблиц стилей модификатор не содержит (что бы не ухудшить скорость загрузки страницы). Для более-менее корректного отображения рекомендую добавить в .css файл темы следующее:
      .cat-list .item {height: 300px;overflow: hidden;text-align: center;position: relative;background: #fff;margin-bottom: 15px;box-shadow: 0px 2px 7px #b5b5b5;     border-radius: 4px;} .cat-list .item img {position:relative;z-index: 1;} .cat-list .item .title {text-decoration: none;color: #000;font-size: 15px;} .cat-list .item .desc {position: absolute;z-index: 2;background: #f7f5f5a6;padding: 10px;left:0px;bottom:0px;width: 100%;box-sizing: border-box;} .cat-list .float .item {padding-left: 0px;text-align: center;} .cat-list .float .item .desc {background: none;position: static;text-align: right;} .cat-list .item .count {position: absolute;top: 0px;right: 0px;font-size: 14px;     background: #5a5a5a;color: #fff;height: 20px;line-height: 20px;     width: 20px;text-align: center;border-radius: 20px;} .cat-list .float .item img {float: left;margin-right: 10px;} .button-group .btp-href {background-color: #eee;color: #888;line-height: 38px;font-weight: bold;border: 0px;text-transform: uppercase;display: block;text-align: center;} Класс "float" можно использовать для широких баннеров, где слева будет изображение, справа текст.
       
      По модификации блока товара в шаблоне категории. Сразу после
      <?php foreach ($products as $product) { ?> добавляется проверка - товар это, или баннер. Чуть выше пагинации проверка заканчивается. Для поиска используется вот такой способ:
       <search><![CDATA[<?php echo $pagination; ?>]]></search>       <add position="before" offset="3"> В стандартном шаблоне место вставки выглядит так:

      Если у вас есть несовпадение, можно получить или ошибку 500, или съехавшую верстку. 
      В остальном все должно быть нормально, если что - поправимо.
       
      Начиная с версии 1.0 баннеры среди товаров можно выделять в отдельные контейнеры, куда так же можно добавлять и товары (разрыв в списке товаров). Как это работает - на видео:

      httpm_banner_cat_akcii.mp4  
      ОСОБЕННОСТИ для Opencart 1.5
       В опенкарт 1.5 скрипты на странице категории работают с '.product-list > div' и '.product-grid > div', потому для блока с баннером использовал тэг "section".
      В CSS где встречается .product-list > div и .product-grid > div нужно добавить section, что бы получилось:
      .product-list > div, .product-list > section {.......} .product-list > div + div, .product-list > section + div {.......} .product-grid > div, .product-grid > section {.......} #column-left + #column-right + #content .product-grid > div, #column-left + #column-right + #content .product-grid > section {.......}  
      DEMO
      Пример категории, с баннером среди товаров, баннерами среди категорий, а так же слайдшоу вверху
      Панель управления
      Логин/пароль: demo/demo
       
      ОПИСАНИЕ БУДЕТ ДОПОЛНЕНО
      Добавил vlkombat Добавлено 13.08.2018 Категория Цены, скидки, акции, подарки Системные требования Сайт разработчика https://httpmaster.ru/ Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6 ocStore 2.3
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1 OpenCart.Pro, ocShop Не проверялось  
    • От vlkombat
      Модуль позволяет:
      Вывести среди товаров, и подкатегорий баннеры с произвольным расположением в сетке - после n-го товара, или подкатегории.  Баннеры можно вывести среди товаров (подкатегорий) на всю ширину, или часть ширины страницы, разместив рядом произвольное число товаров.  Вывести слайдер, или одиночное изображение на странице категории Можно задать свои CSS классы и оформить в таблице стилей Есть версия с поддержкой многоязычности Установка
      Стандартно, через ocmod. В процессе установки в БД добавляется таблица "category_images".
       
      Панель управления (admin/)
      Все баннеры добавляются в карточке категории (все русифицировано, тестовый сайт без перевода):

       
      Для каждого баннера можно задать заголовок, описание, ссылку, размеры, CSS классы. 
      В полях "После категории" и "После товара" - задается порядковый номер подкатегории/товара на странице, после которого будет отображаться баннер. Если задать отрицательное значение, баннер будет выведен в самом начале. Если оставить поле не заполненным ("0") - будет отображено либо одиночное изображение вверху, либо слайдер (зависит от количества изображений).
      После одной категории, товара можно добавить только один баннер. До категорий, товаров может быть добавлено сколько угодно баннеров (вначале будут выведены баннеры в порядке сортировки, затем товары, категории).
      Пример:

      Здесь первый баннер будет выведен вверху страницы, отдельно. Желательно задать ему размеры. Если размер не задан, будет использован полный размер изображения (как есть).
      Второй баннер будет выведен после третьего товара, с заголовком, ссылкой, описанием. Если размеры не заданы, будут использованы стандартные для товара
      Третий баннер будет выведен после третей категории в списке. Размеры изображения или произвольные, или будет использован размер изображения категории (из настроек). 
      Размеры изображений категорий отдельно задать нельзя, но можно использовать для этого заданный размер любого баннера, достаточно отметить чекбокс "+ для категорий" (+ to img category), если ничего не отмечено - используются размеры изображения категории.
       
      Пользовательская часть (catalog/)
      Модификации подвергаются: модель, контроллер и шаблон категории. 
      Изменения в контроллер и шаблон (особенно шаблон) рекомендую вносить вручную, для большей гибкости.
      К тому же, если в контроллере какие-либо проблемы связанные с конфликтом модификаторов, или ошибки маловероятны, то в шаблоне может быть множество других изменений (скорее всего есть), а соответственно возможна некорректная модификация.
      Модификатор проверен с использованием стандартного шаблона - все работает.
      В шаблоне добавляется два блока вначале, там где идет проверка на наличие подкатегорий. Баннеры можно выводить независимо от того, есть ли дочерние категории, если же для категории не указано ни одного баннера в подкатегориях, их вывод будет стандартным.
      В блоке товара так же есть небольшие изменения - если на месте товара выведен баннер, то скрываются стандартные кнопки и при наличии ссылки появляется "подробнее". Если ссылка не задана - она обирается с заголовка и изображения.
      Собственных таблиц стилей модификатор не содержит (что бы не ухудшить скорость загрузки страницы). Для более-менее корректного отображения рекомендую добавить в .css файл темы следующее:
      .cat-list .item {height: 300px;overflow: hidden;text-align: center;position: relative;background: #fff;margin-bottom: 15px;box-shadow: 0px 2px 7px #b5b5b5;     border-radius: 4px;} .cat-list .item img {position:relative;z-index: 1;} .cat-list .item .title {text-decoration: none;color: #000;font-size: 15px;} .cat-list .item .desc {position: absolute;z-index: 2;background: #f7f5f5a6;padding: 10px;left:0px;bottom:0px;width: 100%;box-sizing: border-box;} .cat-list .float .item {padding-left: 0px;text-align: center;} .cat-list .float .item .desc {background: none;position: static;text-align: right;} .cat-list .item .count {position: absolute;top: 0px;right: 0px;font-size: 14px;     background: #5a5a5a;color: #fff;height: 20px;line-height: 20px;     width: 20px;text-align: center;border-radius: 20px;} .cat-list .float .item img {float: left;margin-right: 10px;} .button-group .btp-href {background-color: #eee;color: #888;line-height: 38px;font-weight: bold;border: 0px;text-transform: uppercase;display: block;text-align: center;} Класс "float" можно использовать для широких баннеров, где слева будет изображение, справа текст.
       
      По модификации блока товара в шаблоне категории. Сразу после
      <?php foreach ($products as $product) { ?> добавляется проверка - товар это, или баннер. Чуть выше пагинации проверка заканчивается. Для поиска используется вот такой способ:
       <search><![CDATA[<?php echo $pagination; ?>]]></search>       <add position="before" offset="3"> В стандартном шаблоне место вставки выглядит так:

      Если у вас есть несовпадение, можно получить или ошибку 500, или съехавшую верстку. 
      В остальном все должно быть нормально, если что - поправимо.
       
      Начиная с версии 1.0 баннеры среди товаров можно выделять в отдельные контейнеры, куда так же можно добавлять и товары (разрыв в списке товаров). Как это работает - на видео:

      httpm_banner_cat_akcii.mp4  
      ОСОБЕННОСТИ для Opencart 1.5
       В опенкарт 1.5 скрипты на странице категории работают с '.product-list > div' и '.product-grid > div', потому для блока с баннером использовал тэг "section".
      В CSS где встречается .product-list > div и .product-grid > div нужно добавить section, что бы получилось:
      .product-list > div, .product-list > section {.......} .product-list > div + div, .product-list > section + div {.......} .product-grid > div, .product-grid > section {.......} #column-left + #column-right + #content .product-grid > div, #column-left + #column-right + #content .product-grid > section {.......}  
      DEMO
      Пример категории, с баннером среди товаров, баннерами среди категорий, а так же слайдшоу вверху
      Панель управления
      Логин/пароль: demo/demo
       
      ОПИСАНИЕ БУДЕТ ДОПОЛНЕНО
    • От Iskander16
      Привет. Нужны небольшие правки в дизайне сайта на OpenCart: 

      1) Добавить отображение нескольких фото для товара (исправить, сейчас так – ribachok24.ru/index.php?r... 
      Добавить остальные фото под основное фото – ibb.co/z7KbJrX 
      2) Исправить фильтры. Например, по моделям. Сейчас выглядит так – ibb.co/M8KYVzy 
      Их добавить в рядом с сортировкой "По цене"
      Цена 800р, по времени - пару часов.
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.