Автор Тема: Как колонку слева сделать на главной и слайдер разместить СПРАВА от нее  (Прочитано 822 раз)

24 Февраль 2016, 12:30:02
  • Пользователь
  • **
  • Сообщений: 60
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Здравствуйте, я специалист по верстве шаблонов на Joomla, осваиваю Престашоп, и возник вопрос

Как колонку слева сделать на главной и слайдер разместить СПРАВА от нее

Собственно как наглавной это понятно - просто включить, но тогда слайдер будет сверху, а мне нужно справа.

Собственно сам постараюсь сделать, подскажите В КАКОМ ФАЙЛЕ ПРАВИТЬ. Там их куча.
24 Февраль 2016, 12:33:44
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
1. Можете в стилях изменить позиционирование блока слайдера.
2. Можете изменить хук вывода в модуле слайдера (стили тоже нужно будет менять).
Файлы модуля находяться в
/modules/homeslider/...
/themes/default-bootstrap/modules/homeslider/...
/themes/default-bootstrap/css/modules/homeslider/...
24 Февраль 2016, 12:58:03
Ответ #2
  • Пользователь
  • **
  • Сообщений: 60
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Интересно, то есть править файлы модуля? Не шаблона?

Я думал изменить расположение div шаблона, отвечающих за вывод хука, выводящего слайдер.
24 Февраль 2016, 13:07:04
Ответ #3
  • Пользователь
  • **
  • Сообщений: 60
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Если смотреть исходный код стандартного шаблона
<div id="columns" class="container">
<div id="slider_row" class="row">

Думаю от этого и надо плясать, и css тут ни при чем, используем бутстрап


<div id="columns" class="container">
<div  class="row">
  <div id="левая колонка" class="col-md-4">
....
  <div id="slider_row" class="col-md-8">
....
Как то так думаю будет правильно, цсс тогда трогать вообще не придется.

Теперь подскажите пожалуйста в какоф файле (файлах) идет вывод этих строк?

                           
24 Февраль 2016, 13:20:06
Ответ #4
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
1. Можете в стилях изменить позиционирование блока слайдера.
2. Можете изменить хук вывода в модуле слайдера (стили тоже нужно будет менять).
Файлы модуля находяться в
/modules/homeslider/...
/themes/default-bootstrap/modules/homeslider/...
/themes/default-bootstrap/css/modules/homeslider/...
Вам уже все написали.
HTML - файлы шаблонов TPL, CSS - файлы стилей
Шаблон - /themes/default-bootstrap/modules/homeslider/homeslider.tpl
24 Февраль 2016, 13:23:50
Ответ #5
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
PrestaShop Designer Guide
Менять размер блока слайдера нет необходимости. В настройках модуля измените размер слайдеров.
Если хотите изменить классы bootsrap, то меняйте их в - /modules/homeslider/js/homeslider.js
24 Февраль 2016, 14:13:58
Ответ #6
  • Пользователь
  • **
  • Сообщений: 60
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Сделал поменяв один див, ни один из ваших файлов не пригодился, но все равно спасибо за помощь.

Вы возможно плохо представляете себе структуру дизайнов на сетке, тут цсс и модули ввобще не при делах. и уж тем более js
24 Февраль 2016, 14:38:30
Ответ #7
  • Пользователь
  • **
  • Сообщений: 60
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
И еще может подскажете - новые и популярные товары на главной идут в 4 колонки, когда добавил колонку на главную - стало тесно, хотел сделать в 3 колонки, думал в настройках модулей, а там фиг, очень удивлен.

В общем сделать знаю как - нужен файл
24 Февраль 2016, 15:01:53
Ответ #8
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22816
  • Репутация: +17143/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
Новые товары это модуль blocknewproducts. Популярные товары это модуль blockbestsellers. Шаблон у них один product.tpl, который находится в папке темы.
Это если вы хотите менять тему prestashop.
Если рисуете свой дизайн, то вам это не нужно. Делайте 3 товара в ряд, потом программист изменит product.tpl для главной.
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
24 Февраль 2016, 15:53:18
Ответ #9
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Новые товары это модуль blocknewproducts. Популярные товары это модуль blockbestsellers. Шаблон у них один product.tpl, который находится в папке темы.
Это если вы хотите менять тему prestashop. Если рисуете свой дизайн, то вам это не нужно. Делайте 3 товара в ряд, потом программист изменит product.tpl для главной.
Все зависит от темы prestashop.
В стандартной шаблоны блоков разные.
/themes/default-bootstrap/modules/blockbestsellers/blockbestsellers.tpl
/themes/default-bootstrap/modules/blocknewproducts/blocknewproducts.tpl
Размер элементов списка меняют в стилях и типах изображений.
24 Февраль 2016, 15:55:01
Ответ #10
  • Пользователь
  • **
  • Сообщений: 60
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Использую стандартную тему

Я сам верстальщик. мне тока покажите где файлы - я их вдоль и поперек разделаю.
24 Февраль 2016, 15:56:30
Ответ #11
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Вы возможно плохо представляете себе структуру дизайнов на сетке, тут цсс и модули ввобще не при делах. и уж тем более js
Я пишу про структуру темы prestashop. В теме prestashop вывод элементов регулируется хуками и стилями.
24 Февраль 2016, 15:57:33
Ответ #12
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Использую стандартную тему

Я сам верстальщик. мне тока покажите где файлы - я их вдоль и поперек разделаю.
Почти все файлы находяться в папке темы
/themes/default-bootstrap/...
24 Февраль 2016, 17:00:37
Ответ #13
  • Пользователь
  • **
  • Сообщений: 60
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля