HDFX
Создатель
- Регистрация
- 9 Янв 2015
- Сообщения
- 24
- Реакции
- 9
Всем привет.
Компонент славится тем, что картинки в каталоге товаров пляшут и зависят от размеров самих картинок. Это можно исправить:
1. Нужно в файле \media\j2store\css\j2store.css
в строке 121 класс .j2store-img-responsive
.j2store-img-responsive {
max-width: 100%;
height: 250px;
object-fit: contain;
}
Размеры можно самим сделать.
2. Дальше, чтобы картинка в карточки товара растягивалась на всю ширину и не плясала при выборе превьюшки.
Нужно в файле \media\j2store\css\j2store.css
Добавить новый класс например
.j2store-img-responsive-produkt {
max-width: 100%;
max-height: 100%;
width: auto;
height: 360px;
margin: auto;
object-fit: contain;
}
Затем этот класс прописать в файле J2Store \components\com_j2store\templates\default\view_images.php в строке 25 заменить на класс.
class="j2store-product-main-image j2store-img-responsive-produkt"
3. Изменение превью-фото в карточки товара
Чтобы картинки в превью не зависили от каталога превью
Нужно в файле J2Store \components\com_j2store\templates\default\view_images.php
65 строка class="j2store-item-additionalimage-preview"
удалить класс j2store-img-responsive
и 84 class="j2store-item-additionalimage-preview additional-mainimage"
удалить класс j2store-img-responsive
После этих действий фото перестанут зависеть от размеров
Компонент славится тем, что картинки в каталоге товаров пляшут и зависят от размеров самих картинок. Это можно исправить:
1. Нужно в файле \media\j2store\css\j2store.css
в строке 121 класс .j2store-img-responsive
.j2store-img-responsive {
max-width: 100%;
height: 250px;
object-fit: contain;
}
Размеры можно самим сделать.
2. Дальше, чтобы картинка в карточки товара растягивалась на всю ширину и не плясала при выборе превьюшки.
Нужно в файле \media\j2store\css\j2store.css
Добавить новый класс например
.j2store-img-responsive-produkt {
max-width: 100%;
max-height: 100%;
width: auto;
height: 360px;
margin: auto;
object-fit: contain;
}
Затем этот класс прописать в файле J2Store \components\com_j2store\templates\default\view_images.php в строке 25 заменить на класс.
class="j2store-product-main-image j2store-img-responsive-produkt"
3. Изменение превью-фото в карточки товара
Чтобы картинки в превью не зависили от каталога превью
Нужно в файле J2Store \components\com_j2store\templates\default\view_images.php
65 строка class="j2store-item-additionalimage-preview"
удалить класс j2store-img-responsive
и 84 class="j2store-item-additionalimage-preview additional-mainimage"
удалить класс j2store-img-responsive
После этих действий фото перестанут зависеть от размеров
Последнее редактирование: