Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

Как настроить корректную работу слайдера на главной


 Поделиться

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

Добрый день
Вопрос новичка. Поизучал форум, наткнулся на такой же вопрос, но ответа там нет.
Не совсем понимаю, как работает слайдер на главной. Установил размеры картинок в его настройках, он фото отображает, но (пробовал в нескольких разных шаблонах) слайдер растянут на всю ширину страницы, а картинка занимает примерно половину, и выравнивается по левому краю.
Если в настройках слайдера указываю ширину картинки больше, чем она есть, то она уменьшается и постепенно могу добиться того, что она станет по центру слайдера, но по бокам останутся широкие белые поля
Как уменьшить размер самого модуля слайдера, чтобы подогнать его под размер картинки? Другие картинки (более широкие) вставлять не хочется 

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


В 21.02.2022 в 11:41, Dmitri_K сказал:

Добрый день
Вопрос новичка. Поизучал форум, наткнулся на такой же вопрос, но ответа там нет.
Не совсем понимаю, как работает слайдер на главной. Установил размеры картинок в его настройках, он фото отображает, но (пробовал в нескольких разных шаблонах) слайдер растянут на всю ширину страницы, а картинка занимает примерно половину, и выравнивается по левому краю.
Если в настройках слайдера указываю ширину картинки больше, чем она есть, то она уменьшается и постепенно могу добиться того, что она станет по центру слайдера, но по бокам останутся широкие белые поля
Как уменьшить размер самого модуля слайдера, чтобы подогнать его под размер картинки? Другие картинки (более широкие) вставлять не хочется 

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

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


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

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


В 21.02.2022 в 11:59, SiteMix сказал:

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

https://23ocs.shops-market.com/ 

растягивается

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


Если я правильно понимаю эту фразу:

21.02.2022 в 12:41, Dmitri_K сказал:

слайдер растянут на всю ширину страницы,

, то речь о таком слайдере как тут:

https://aurus-3.aridius.ru/

 

Хотя, конечно, новичок мог иметь в виду и ширину контента...

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


В 21.02.2022 в 15:41, Dmitri_K сказал:

Добрый день
Вопрос новичка. Поизучал форум, наткнулся на такой же вопрос, но ответа там нет.
Не совсем понимаю, как работает слайдер на главной. Установил размеры картинок в его настройках, он фото отображает, но (пробовал в нескольких разных шаблонах) слайдер растянут на всю ширину страницы, а картинка занимает примерно половину, и выравнивается по левому краю.
Если в настройках слайдера указываю ширину картинки больше, чем она есть, то она уменьшается и постепенно могу добиться того, что она станет по центру слайдера, но по бокам останутся широкие белые поля
Как уменьшить размер самого модуля слайдера, чтобы подогнать его под размер картинки? Другие картинки (более широкие) вставлять не хочется 

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

  • +1 2
Ссылка на комментарий
Поделиться на других сайтах

Вот ссылка
http://undina-san2.isp.regruhosting.ru/
Колонки слева нет. Я так понимаю правильно сказать растянут на всю ширину контента?
В стандартной теме все выглядит так же
Вопрос по ходу еще один - а как можно изменить ширину контента, если я правильно называю эту область

Изменено пользователем Dmitri_K
Ссылка на комментарий
Поделиться на других сайтах


У вас сами картинки не подходят для подобного слайдера.

При размере 715 x 401 как они смогут заполнить площадь 1488 x 372 ?

 

В 21.02.2022 в 16:50, Dmitri_K сказал:

Вопрос по ходу еще один - а как можно изменить ширину контента, если я правильно называю эту область

Убрать :

max-width: 1540 px;

Добавить

.wrapper{width:100% !Important}

 

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

то есть размер слайдера изменить нельзя, можно только вставлять картинки большего размера? я надеялся, что его размер можно редактировать
а где убрать и добавить строки для изменения ширины контента? убрать 1540 понял, а при добавлении нижней строки ширина указывается в процентах и это число нужно редактировать?

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


Это же бесплатный шаблон Fanes, в нём явно используется слайд-шоу самого опенкарт.

Сделайте как на демо.

Слева колонка, справа слайдер.

Сделайте картинки именно тех размеров, которые позволят выглядеть им удобоваримо при расположении на всю ширину страницы (1488 на 372).

Ну или сделайте картинки на прозрачном фоне.

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

Спасибо за советы
Интересовал конкретный вопрос - можно ли изменить ширину стандартного слайдера. ответа прямого не услышал, но понял, что нельзя.
К сожалению так и не понял, в каком файле нужно вносить правки, чтобы уменьшить ширину контента.

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


В 21.02.2022 в 18:58, Dmitri_K сказал:

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

 

В 21.02.2022 в 17:54, Tom сказал:

Сделайте как на демо.

Слева колонка, справа слайдер.

 

В 21.02.2022 в 18:58, Dmitri_K сказал:

К сожалению так и не понял, в каком файле нужно вносить правки, чтобы уменьшить ширину контента.

/catalog/view/theme/fanes/stylesheet/stylesheet.min.css

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

Дополнения (Расширения) - Слайдшоу

http://joxi.ru/1A5J1EXHzBy3Er

Поставьте ширину скажем 1240

А высоту меняйте (на увеличение) поэтапно, пока картинка полностью не заполнит поля слайдера на витрине.

 

Ну и совет вам.

У вас же новый явно магазин, прекращайте двигать кнопочки, красить пимпочки и искать как  сделать, что то с шириной.

Попробуйте продать хоть, что то и после 50-100 продаж вы поймёте, что реально нужно вашему магазину.

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

 

  • +1 2
Ссылка на комментарий
Поделиться на других сайтах

По подгону картинки понял. Ширину стандартного слайдера малой кровью можно убавить только добавлением колонки слева, ок
В файле /catalog/view/theme/fanes/stylesheet/stylesheet.min.css и искал нужную строку, но не нашел. Если параметры, относящиеся к body, то там изначально стоит max-width:100%. Если убавлять - сжимается, но почему-то выравнивается по левой части
 

За совет спасибо, но тут ситуация несколько сложнее )
Когда был свой ИМ - вообще не парился по поводу кнопочек, сваял из готового за полтора часа и все работало несколько лет.
Тут помогаю товарищу, который переезжает с дорогущего обслуживания на хостинг в рег.ру. Его сайт был на ocStore 1.xxx.xxx - поставил все, работает, но морально устарело, глюки и всякая белиберда. Перенести его на 3.х наверное проблематично и недешево. Поэтому просто поставил ему новый движок, бесплатный шаблон, который выглядит поприятнее, и пытаюсь хоть как-то приблизить это к его существовавшему дизайну...
А продажи его возможно через интернет вовсе и не интересуют, у них розница нормально живет, а тут "чтобы было"... )
Планируют использовать сайт лишь как дополнительную информацию, скорее всего без продаж
А чтобы конвертировать базы данных товаров-категорий-производителей и синхронизировать остатки и цены с 1С существуют какие-то модули? Можете что-то подсказать? Если они есть, то стоит использовать только платные, или существуют разные варианты?

 

В целом задача наверное не так и сложна, хоть чуточку приблизить чтобы дизайн
http://undina-san.ru/
Нужно сузить контент и добавить фоновую картинку - хочется вернуть волну. Если добавляю ее сейчас, то ширина контента слишком велика и перекрывает фон
Потом конечно возникнет еще куча проблем, скорее всего - возможно будут мешать верхние менюшки или еще что-то. Но быть может и это плюс изменение цвета шрифтов позволит добиться чего-то схожего с оригиналом

Изменено пользователем Dmitri_K
Ссылка на комментарий
Поделиться на других сайтах


В целом задача наверное не так и сложна, хоть чуточку приблизить чтобы дизайн
http://undina-san.ru/
Нужно сузить контент и добавить фоновую картинку - хочется вернуть волну. Если добавляю ее сейчас, то ширина контента слишком велика и перекрывает фон
Потом конечно возникнет еще куча проблем, скорее всего - возможно будут мешать верхние менюшки или еще что-то. Но быть может и это плюс изменение цвета шрифтов позволит добиться чего-то схожего с оригиналом

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


В 21.02.2022 в 19:41, Dmitri_K сказал:

В целом задача наверное не так и сложна, хоть чуточку приблизить чтобы дизайн
http://undina-san.ru/

Какой то вы не тот шаблон выбрали для "схожего дизайна".

 

Прочёл историю про "товарища", она как и сотни других на форуме похожа на те же , что были и ранее.

Раз у товарища бизнес прёт, то зачем он нанимает, для создания сайта на бесплатном шаблоне человека, явно далёкого от опенкарт и всего что с ним связано.

Странно конечно.

Но то такое. Вопрос как говорится риторический.

Ну а насчёт волн и дизайна. Моё мнение (которое не важно, никому не нужно и мне можно засунуть) выглядит как #вырвиглаз. И от этого нужно избавляться, а не пытаться и новый магазин превратить в это нечто.

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

Если подскажете более подходящий шаблон - буду признателен
Про остальное - смысла большого объяснять наверное и нет =) Слово нанимает здесь не подходит, а в целом это все - попытка минимальными усилиями хоть в каком-то виде сохранить то, на что когда-то были выброшены нормальные деньги, но что не принесло совершенно никакого результата. В общем если у вас есть балкон и гараж, то вы меня поймете =)
А про волны - возможно ваше мнение и правильное, и вовсе не стоит городить огород, чтобы оживить раритет, а оставить этот простенький шаблон

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


Поставьте Unishop (1-2)

В них хотя бы меню уже частично повторяет старый дизайн.

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

Нет. Не знаю ничего более менее адекватно работающего для опенкарт. Везде нюансы.

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

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

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

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