Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Recommended Posts

Здравствуйте, ребята, подскажите, как можно сделать так чтобы правая колонка с модулями шла не до конца вниз. Пример см. на картинках: 

 

И чтобы не только Акции но и другие модули в центре были так же как и Акции. Шаблон: Bigshop, Слайдер: FlexSlider. Помогите пожалуйста.

post-671484-0-90632200-1376981541_thumb.png

post-671484-0-04330200-1376981550_thumb.png

Link to post
Share on other sites

рассчитываете размер слайдера + отступы справа и слева + размер правого блока от слайдера.
Слайдеру прописываете float:left и позицию в шапке с сортировкой 0, блоку который будет справа тоже позицию в шапке с сортировкой 1
Побочные эфекты - если хоть на 1 пиксель ошибетесь в расчете отступов и размеров - верстка поплывет.  

  • +1 1
Link to post
Share on other sites

рассчитываете размер слайдера + отступы справа и слева + размер правого блока от слайдера.

Слайдеру прописываете float:left

А можно про вот это поподробнее: как рассчитать размер слайдера, отступы справа и слева, размер правого блока от слайдера, и куда слайдеру прописать float:left ?

Link to post
Share on other sites

позицию слева можно прописать как в файле slideshow.css так и в самом slideshow.tpl 

Рассчитать ширину не сложно - если у Вас ширина сайта 1024 пикселя, левый блок допустим 195 пикселей и правый блок столько же, отступы (margin-left, margin-right) между правым левым и центральным блоком в сумме составляет 100 пикселей, то использовав математику 2-го класса можно рассчитать какая будет ширина центрального блока чтобы в него поместился слайдер...Но вообще это все можно сделать и методом тыка. 
Просто задайте слайдеру позицию слева, и потом уменьшайте его потихоньку до тех пор пока у Вас не станет блок слева четко в нужное место

Link to post
Share on other sites

Код уберите в тэг <code> и спрячьте под спойлер.

По вашему первому вопросу правильным решением будет создание новых позиций для отображения модулей на сайте.

Инструкция: http://htmyell.com/adding-positions-to-opencart-theme/

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

Снизу модули популярное и скидки как раз таким образом отображаются. Правая колонка им не мешает

  • +1 1
Link to post
Share on other sites

Код уберите в тэг <code> и спрячьте под спойлер.

По вашему первому вопросу правильным решением будет создание новых позиций для отображения модулей на сайте.

Инструкция: http://htmyell.com/adding-positions-to-opencart-theme/

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

Снизу модули популярное и скидки как раз таким образом отображаются. Правая колонка им не мешает

Все сделал, но когда захожу на сайт, вот такая ошибка:

Fatal error: Class 'Controllercommoncontentmiddle' not found in /home/u963731132/public_html/vqmod/vqcache/vq2-system_engine_controller.php on line 41

 

Может нужно это делать без установленного vqmodа? Или в чем проблема? Когда в админку захожу, всё нормально, никаких ошибок.

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By legioner26
      Разработан многофункциональный модуль Opencart Zoom для зуммирования изображений в карточке товара с выбором вариантов исполнения.
      ПРИМЕЧАНИЕ !!!
      Если у Вас не стандартный шаблон то для корректной работы настоятельно рекомендую проверить установлены ли иные плагины зумма.
      Не забываем очищать кешь на сайте при изменении настроек. Сочетание клавишь (Ctrl+F5)
       
      DEMO Логин: demo Пароль: demo
      http://mvc-cart.ru/index.php?route=product/product&product_id=30
       
       
      ПРОСМОТР РАБОТЫ МОДУЛЯ Кликнуть по тексту чтобы просмотреть.
       
      По адаптации шаблонов пишите в ЛС
       
      Тестировался с шаблонами Moneymaker 2, ROUNDSHOP, Corsica, Fiji, pixelshop и многими другими.
       
      Вариант №1
       
      Зуммирование в отдельном блоке, от изображения либо вывод в любом другом
       
      Вариант №2
       
      Зуммирование со скроллом внутри блока с изображением
       
      Вариант №3
       
      Зуммирование в виде лупы с настройками по ширине и высоте.
       
       
       
      Установка:
      1. Копируем содержимое исходя из версий ОС на хостинг в корень сайта 
      2. В модификаторах чистим кешь и обновляем.
      3. Пишем в личку номер вашего заказа, я высылаю Вам ключ.
       
    • By legioner26
      2299
      Скачать/Купить дополнение


      Модуль зуммирования изображений товара - ZoomPRO
      Разработан многофункциональный модуль Opencart Zoom для зуммирования изображений в карточке товара с выбором вариантов исполнения.
      ПРИМЕЧАНИЕ !!!
      Если у Вас не стандартный шаблон то для корректной работы настоятельно рекомендую проверить установлены ли иные плагины зумма.
      Не забываем очищать кешь на сайте при изменении настроек. Сочетание клавишь (Ctrl+F5)
       
      DEMO Логин: demo Пароль: demo
      http://mvc-cart.ru/index.php?route=product/product&product_id=30
       
       
      ПРОСМОТР РАБОТЫ МОДУЛЯ Кликнуть по тексту чтобы просмотреть.
       
      По адаптации шаблонов пишите в ЛС
       
      Тестировался с шаблонами Moneymaker 2, ROUNDSHOP, Corsica, Fiji, pixelshop и многими другими.
       
      Вариант №1
       
      Зуммирование в отдельном блоке, от изображения либо вывод в любом другом
       
      Вариант №2
       
      Зуммирование со скроллом внутри блока с изображением
       
      Вариант №3
       
      Зуммирование в виде лупы с настройками по ширине и высоте.
       
       
       
      Установка:
      1. Копируем содержимое исходя из версий ОС на хостинг в корень сайта 
      2. В модификаторах чистим кешь и обновляем.
      3. Пишем в личку номер вашего заказа, я высылаю Вам ключ.
       
      Добавил legioner26 Добавлено 20.05.2019 Категория Меню, дизайн, внешний вид Системные требования Ioncube Loader Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет  
    • By noti
      Адаптивное слайдшоу для Opencart на основе FlexSlider 2.
      Возможности и преимущества:
      Возможен вывод слогана на слайде из админки. Кнопка для ссылки на сайдере Три анимационных эффекта Сдвиг, Вертикальный сдвиг и Появление. Регулируется интервал времени смены слайдов. Возможно отображение как с нижними миниатюрами изображения так и без них. Задается максимальная ширина слайдера, цвет шрифта, фона слайдера и его расположение. Для вывода слайдеров используются стандартные баннеры. Устанавливается отдельным модулем. Управление пальцами на устройствах с сенсорным экраном. Вес всего 22kb  
      Демо (3 варианта слайдера)
      Демо админки
      Логин demo, пароль demo
       
      Пример #1
      Слайдер с миниатюрами изображений и текстом по центру. Полупрозрачный фон можно убрать совсем и оставить только текст.

       
      Пример #2
      Надпись слайдера можно расположить справа, слева или по центру и задать нужную величину ширины прозрачного слоя.

      Стиль фона текста, стиль текста и кнопок единый для всего слайдера.
      Инструкция по установке в папке Documentation
      Имена файлов и версии движка:
      FlexSlider RB OpenCart 2.3 - для OpenCart 2.3, OcSore 2.3 FlexSlider RB OpenCart 2.2 - для OpenCart 2.2 FlexSlider RB OpenCart 2.0 - для OpenCart 2.0, 2.1, OcSore 2.1 FlexSlider RB OpenCart 1.5 - для OpenCart 1.5, OcSore 1.5 Шаблон на котором установлен слайдер.
      Изменения в версии 2.4.1:
      Добавлены точки, когда превью отключены Добавлена поддержка OpenCart / OcStore 1.5 Изменения в версии 2.3:
      добавлен еще один эффект (вертикальный сдвиг) если указана ссылка на баннере, то появляется кнопка задается текст этой кнопки добавлены опции по стилизации (цвет кнопки, текста, фона и расположение блока)
    • By noti
      750 10
      Скачать/Купить дополнение


      Слайдшоу для OpenCart - адаптивный слайдер с выводом слогана
      Адаптивное слайдшоу для Opencart на основе FlexSlider 2.
      Возможности и преимущества:
      Возможен вывод слогана на слайде из админки. Кнопка для ссылки на сайдере Три анимационных эффекта Сдвиг, Вертикальный сдвиг и Появление. Регулируется интервал времени смены слайдов. Возможно отображение как с нижними миниатюрами изображения так и без них. Задается максимальная ширина слайдера, цвет шрифта, фона слайдера и его расположение. Для вывода слайдеров используются стандартные баннеры. Устанавливается отдельным модулем. Управление пальцами на устройствах с сенсорным экраном. Вес всего 22kb  
      Демо (3 варианта слайдера)
      Демо админки
      Логин demo, пароль demo
       
      Пример #1
      Слайдер с миниатюрами изображений и текстом по центру. Полупрозрачный фон можно убрать совсем и оставить только текст.

       
      Пример #2
      Надпись слайдера можно расположить справа, слева или по центру и задать нужную величину ширины прозрачного слоя.

      Стиль фона текста, стиль текста и кнопок единый для всего слайдера.
      Инструкция по установке в папке Documentation
      Имена файлов и версии движка:
      FlexSlider RB OpenCart 2.3 - для OpenCart 2.3, OcSore 2.3 FlexSlider RB OpenCart 2.2 - для OpenCart 2.2 FlexSlider RB OpenCart 2.0 - для OpenCart 2.0, 2.1, OcSore 2.1 FlexSlider RB OpenCart 1.5 - для OpenCart 1.5, OcSore 1.5 Шаблон на котором установлен слайдер.
      Изменения в версии 2.4.1:
      Добавлены точки, когда превью отключены Добавлена поддержка OpenCart / OcStore 1.5 Изменения в версии 2.3:
      добавлен еще один эффект (вертикальный сдвиг) если указана ссылка на баннере, то появляется кнопка задается текст этой кнопки добавлены опции по стилизации (цвет кнопки, текста, фона и расположение блока) Добавил noti Добавлено 16.10.2015 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1
      1.5.3.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
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет  
    • By mrz
      Скачать/Купить дополнение Смена эффектов слайдшоу(ocmod)
      Дополнение позволяет устанавливать эффекты смены слайдов в модуле Слайдшоу.
      Совместимость
      opencart/ocstore 2.x
      Добавил mrz Добавлено 11.01.2016 Категория Модули  
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

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.