Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

Надіслати
Поділитися на інших сайтах


В 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)

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

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.