0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 693 Просмотров
*

KALIBUS

  • Осваиваюсь на форуме
  • 17
  • 1 / 0
Здравствуйте.
Требуется адаптировать размер изображения товара в JoomShopping для моб.устройств
Пример страницы: eco-strukture.ru/portfolio/tower

ВЫПОЛНЕНО
« Последнее редактирование: 18.01.2020, 20:08:16 от KALIBUS »
*

kit2m2

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
Не понятно что сделать нужно. Изображения итак уменьшаются на мобильном. Напишите подробнее что нужно.
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

KALIBUS

  • Осваиваюсь на форуме
  • 17
  • 1 / 0
http://joxi.ru/D2PMepQIkqww8A
Изображение на мобильном не адаптируется, просто обрезается. Размер остается тот же, как указан в настройках компонента.
Код
<a class="lightbox" id="main_image_full_419" href="https://eco-strukture.ru/components/com_jshopping/files/img_products/full_slate_yacht_club01.jpg" title="Яхт-клуб. Сланцевая кровля. Остроугольная кладка">
                <img id="main_image_419" src="https://eco-strukture.ru/components/com_jshopping/files/img_products/slate_yacht_club01.jpg" alt="Яхт-клуб. Сланцевая кровля. Остроугольная кладка" title="Яхт-клуб. Сланцевая кровля. Остроугольная кладка">
                <div class="text_zoom">
                    <img src="https://eco-strukture.ru/components/com_jshopping/images/search.png" alt="zoom"> Увеличить изображение                </div>
            </a>
<img id="main_image_419" src="https://eco-strukture.ru/components/com_jshopping/files/img_products/slate_yacht_club01.jpg" alt="Яхт-клуб. Сланцевая кровля. Остроугольная кладка" title="Яхт-клуб. Сланцевая кровля. Остроугольная кладка">
Если добавить стиль
Код
img#main_image_419 {    width: 100%;}
то все норм. Но это только применительно для конкретной страницы. Чтобы для всех, у меня не хватает мозгов.  *ОХ-Х-Х*
« Последнее редактирование: 18.01.2020, 18:57:47 от KALIBUS »
*

kit2m2

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
Сделайте так:
Код
a.lightbox img {width: 100%;}
a.lightbox .text_zoom img {width: auto;}
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

kit2m2

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
Можете еще выше класс задать

Код
.productfull a.lightbox img {width: 100%;}
.productfull a.lightbox .text_zoom img {width: auto;}
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

KALIBUS

  • Осваиваюсь на форуме
  • 17
  • 1 / 0
*

KALIBUS

  • Осваиваюсь на форуме
  • 17
  • 1 / 0
kit2m2, громадное Вам спасибо! Как я могу Вас отблагодарить?
*

kit2m2

  • Живу я здесь
  • 3264
  • 267 / 0
  • Беру сайты на полное сопровождение
Пожалуйста. Как наберете 25 сообщений на форуме - поставить "+" в карму. А так обращайтесь.
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

KALIBUS

  • Осваиваюсь на форуме
  • 17
  • 1 / 0
Еще раз спасибо! Обязательно плюсану и потом обращусь. Есть необходимость кое-каких изменений в дальнейшем.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Доработать шаблон для JoomShopping

Автор astapon

Ответов: 1
Просмотров: 1126
Последний ответ 09.08.2022, 10:25:23
от kit2m2
VirtueMart - доработать карточку товара

Автор farmer66

Ответов: 5
Просмотров: 1533
Последний ответ 01.12.2021, 16:56:56
от gartes
Изменение карточки товара JoomShopping (выполнено)

Автор companin

Ответов: 11
Просмотров: 3052
Последний ответ 25.04.2021, 19:17:04
от kit2m2
Убрать позицию в карточке товара

Автор Zlusya

Ответов: 2
Просмотров: 692
Последний ответ 30.01.2020, 12:07:20
от Zlusya
Внести изменения в стандартный шаблон (выполнено, можно удалить.)

Автор stparts

Ответов: 4
Просмотров: 816
Последний ответ 13.11.2017, 18:04:36
от stparts