Картинка в карточке товара во во всю ширину и высоту | Максимум

I'm добавил(а) 2 года назад
Реализована

пора внедрить функционал делать больше картинку

например наши "гиганты" рунета юзают "большую картинку" в карточке товара, и аспро пора уже на сколько процентов заполнять окно

0770dacaf5a31b61d27e57ac1a6306e3https://santehnika-online.ru/product/mebel_dlya_vannoy_stworki_karlstad_90_dub_rustikalnyy/

2bd30db2b7308efd1afd3a097c22b8d5

https://market.yandex.ru/product/641077058


2a7cfb4542d196377ccf4f90a100166dв разы лучше- когда картинка по дефолту большая -- а тут пипирка какая-то

Ответы (16)

фото
4

так-же предлагаю в Каталоге дать возможность картинки увеличить

а вообще, кому нужны мелкие картинки? может по умолчанию сделать большими


Цитата от пользователя:

"А как же высокие картинки в каталоге ,тут надо выбирать либо в каталоге мелкие будут либо в деталке , мега мозг разрабатывал ПРОДАЮЩИЕ РЕШЕНИЕ"

https://yadi.sk/d/R4DleqV9hfTNzA

фото
5

Очень жду, реально, кому интересны эти маленькие простите огрызки

фото
3

Здравствуйте!

Отличное предложение, мы зарегистрировали задачу — MAX-2139. По номер вы сможете отследить ход работ.

Спасибо за помощь в развитии продукта.

фото
2

а ничего что 80 процентов траффика - мобильный? смысл от этой красоты

фото
2

Если в какой-то сфере это так, это не значит, что во всех сферах это так, в сложных корпоративных продажах, например, это не везде так. И да, 20% на дороге не валяются.

фото
1

а ничего что 80 процентов траффика - мобильный? смысл от этой красоты
С такой логикой можно сказать что бы они вообще не выпускали шаблоны для интернет-магазинов тк всё покупается на озон и вб али ям и тд

фото
фото
2

Очень ждём это обновление! Горизонтальные картинки в интерьере (то есть, не на белом фоне), сейчас смотрятся в Максимуме ужасно. И на детальной странице товара и на странице раздела каталога с товарами.

фото
2

Всё ещё очень, очень и очень ждём... Спустя 7 месяцев...

фото
1

По-прежнему не реализовано что сложно в CSS дописать пару строк?(

фото
1

Вот подскажите мне ну как так??? зачем столько лишних отступов???

43222717eec279d80366229412365c17

фото
1

А это что за дичь??? c3c1758c4a5d50914db12bed2e532d85

фото
1

Вот даже в бесплатном демо шаблоне OpenCart картинка относительно нормальная

d484836416ce879380eb6337666c4857

фото
1

Я думаю вот этот элемент вообще как то надо переиначить что бы можно было убрать отступ

Получается так что вы создали отступ

.product-info.product-info--type2>.flexbox>.product-detail-gallery .product-detail-gallery__container {
    --padding-top: 4.133rem;
}
что бы картинка была ниже этих кнопок но выглядит это как отдельный div но из за того что это всё таки не div то получается ваш отступ остается всегда даже когда нет кнопок хит и тдbf6f23e535cde6ea8b95984b493e7ff6

фото
2

Здравствуйте!

Идея реализована в обновлении 2.0.2. Теперь в настройках раздела каталога можно выбрать большой тип отображения картинки в детальной карточке товара. Подробнее в документации https://aspro.ru/docs/course/course46/lesson2195/?LESSON_PATH=2154.2169.2187.2188.2195

фото
1

Ребят ну ведь не совсем так как хотелось бы, %(

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


6e8dd86f130b6c6c212f916c65683bd4

6c8c8ebd6533f7339f8a7bfb7b9c09a1

403b0d5bc07f06d93e03f264350483d3

фото
1

828cb1a2045a339309bfeed67c843b56

фото
фото
1

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


И поменяйте флаг реализована на другой!

фото
1

Здравствуйте! Благодарим за обратную связь.

Видим ваши комментарии и прислушиваемся к ним. Задачу на улучшение большой карточки товара зарегистрировали под номером MAX-4353. Реализуем в одном из обновлений.

Будем на связи!

фото
1

Здравствуйте!

Учли вашу обратную связь и реализовали в обновлении 2.2.4. Пример новой большой квадратной картинки можно посмотреть здесь https://max-demo.ru/catalog/elektronika/televizory/full_hd_televizory/3740/.

Что сделали:

1) Увеличили область картинки до 800х800 px
2) Увеличили миниатюры галереи
3) Рейтинг, артикул, бренд, кнопки «В избранное» и «Сравнить» перенесли в боковое меню, чтобы поднять картинку товара выше
4) Убрали обводку возле основной картинки товара

Рекомендуем использовать большую квадратную картинку в 1 типе детальной карточки товара и с вертикальной галереей. Не забудьте перед обновлением выполнить полное резервное копирование сайта. Если вы вносили изменения в шаблон решения, то дополнительно скопируйте всю папку шаблона.

Хорошего дня!

фото
3

Необходимо чтобы изображение заполняло всю высоту и ширину автоматом, пример https://avrora-kuhni.ru/kuhni-na-zakaz/p-obraznaya-kuxnya-iz-italyanskogo-krasnogo-plastika-arpa-art.39/ , а то что сейчас реализовано похоже на костыль.

фото
1

Здравствуйте!

Не совсем понимаем ваше замечание. Из вашего примера размер области фото 750х500 px. В нашей реализации - 800х800 px, посмотреть пример можно здесь https://max-demo.ru/catalog/elektronika/televizory/full_hd_televizory/3740/. Это оптимальный размер, который будет вмещаться на большинстве экранов.

фото
3

Речь идет о том, чтобы главное изображение заполняло всю область в своей сетке, хотя бы для фулл версии.dcac0555abcc1661b9de8fc2710d9322

фото
1

Было решено таким образом:

.detail-gallery-big--ratio-square_big {
--slider-max-width: 100%;
--slider-max-height: 500px;
--slider-proportion: calc(500 / 800);
}

.detail img {
max-width: 100%;
margin: auto;
max-height: 100%;
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
border-radius: 3px!important;
}

6310943fec45c581a3b252c7b5bc4a5a

фото
2

Не утверждаю что это правильно, костыль, но тем не менее это работает.

фото
1

а куда запилили код?

фото
2

Работает только при выборе детальной картинки "квадратная большая"

фото
1

Спасибо!

фото
1

Посмотрел Аспро Максимум что называется изнутри, пилить и пилить тут как программно, так и по верстке ребят. А ведь вы считаетесь топом рынка скриптов ИМ.

фото
Комментировать
 
Прикрепить файлы