Новости Joomla

Вышло обновление JL Like 5.2

Вышло обновление JL Like 5.2

JL Like — современный плагин для Joomla, который добавляет стильные кнопки "Поделиться" и счетчики лайков популярных соцсетей.

Совет по Joomla: использовать выключенное состояние для кнопок в списках элементов админки

Онлайн-трансляции Joomla-разработки Игоря Бердичевского

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

KALIBUS

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

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

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Адаптация размера изображения товара в JoomShopping
« Ответ #1 : 18.01.2020, 16:41:37 »
Не понятно что сделать нужно. Изображения итак уменьшаются на мобильном. Напишите подробнее что нужно.
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

KALIBUS

  • Осваиваюсь на форуме
  • 17
  • 1 / 0
Re: Адаптация размера изображения товара в JoomShopping
« Ответ #2 : 18.01.2020, 18:49:44 »
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

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Адаптация размера изображения товара в JoomShopping
« Ответ #3 : 18.01.2020, 19:14:46 »
Сделайте так:
Код
a.lightbox img {width: 100%;}
a.lightbox .text_zoom img {width: auto;}
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Адаптация размера изображения товара в JoomShopping
« Ответ #4 : 18.01.2020, 19:17:37 »
Можете еще выше класс задать

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

KALIBUS

  • Осваиваюсь на форуме
  • 17
  • 1 / 0
Re: Адаптация размера изображения товара в JoomShopping
« Ответ #5 : 18.01.2020, 19:54:08 »
Эврика! :D *DRINK*
Записан
*

KALIBUS

  • Осваиваюсь на форуме
  • 17
  • 1 / 0
Re: Адаптация размера изображения товара в JoomShopping
« Ответ #6 : 18.01.2020, 19:59:19 »
kit2m2, громадное Вам спасибо! Как я могу Вас отблагодарить?
Записан
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Адаптация размера изображения товара в JoomShopping
« Ответ #7 : 18.01.2020, 20:04:18 »
Пожалуйста. Как наберете 25 сообщений на форуме - поставить "+" в карму. А так обращайтесь.
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

KALIBUS

  • Осваиваюсь на форуме
  • 17
  • 1 / 0
Re: Адаптация размера изображения товара в JoomShopping
« Ответ #8 : 18.01.2020, 20:06:57 »
Еще раз спасибо! Обязательно плюсану и потом обращусь. Есть необходимость кое-каких изменений в дальнейшем.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор astapon

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

Автор farmer66

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

Автор companin

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

Автор Zlusya

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

Автор stparts

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