Перейти к содержанию
wowez

[Решено?..] Вывод изображений разного размера в категории товаров

Рекомендуемые сообщения

Здравствуйте, смысл в том что бы вывести в каталоге товаров, скажем 3-е (третье), 10-е(десятое), 15-е (пятнадцатое) изображение читай товар, другого размера.
Вижу вариант отсчитывать div-ы через dom и по порядку к тегу img допустим, добавлять соответствующие атрибуты но как быть с качеством изображений, ведь если в админке они заданы скажем 100 по ширине а мне надо скажем 300 пропадает качество.

 

Подскажите люди добрые.

Изменено пользователем wowez

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ну, если в состоянии отсчитать нужное изображение в шаблоне - что мешает также и в контроллере их вычислить и задать им нужные размеры? ;)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ну, если в состоянии отсчитать нужное изображение в шаблоне - что мешает также и в контроллере их вычислить и задать им нужные размеры? ;)

Не решено, одно дело, яваскриптом, это понятно, а вот что в контроллере делать так я и не знаю.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

50+ просмотров и даже костыля не порекомендовали, додумал такой, сам на свой вопрос отвечаю, может кто дельное что то скажет. 

 

в админке, задаём максимально нужный нам размер изображения допустим ширина 600,

 

далеее только css/

 

product-grid > div { width 300px;}

 

product-grid . image {width 100%; }

 

.product-grid .image a img  {            background-sizecover;             width100%;}

 

а дальше 

 

.product-grid > div:nth-of-type(3) {

 
width: 600px!important;
}
 
это 3-й
 

.product-grid > div:nth-of-type(5) {

 
width: 600px!important;
}
 
это 5-й и т.д и т.п.
 
Псевдокласс :nth-of-type используется для добавления стиля к элементам указанного типа на основе нумерации в дереве элементов.
 
 
как то так. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.