Разные картинки для товара

[O!Leg 0]

ой-ё-йой... точно... извините за лишнее беспокойство. Всё верно, забыл исправить... Сорри...

[support 447]

Хорошо, что разобрались :)

[retroman 0]

А возможно как-то выводить у изображений товара в карточке товара их ширину и высоту? Я имею ввиду, чтоб в коде страницы было

<img src="{$img_values.PRODUCTS_MO_IMAGE}" width="значение" height="значение" itemprop="image" alt="{if $img_values.PRODUCTS_MO_IMAGE_DESCRIPTION !=''}{$img_values.PRODUCTS_MO_IMAGE_DESCRIPTION}{else}{$PRODUCTS_NAME}{/if}" />

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

[support 447]

  В 15.02.2019 в 11:23, retroman сказал:

А возможно как-то выводить у изображений товара в карточке товара их ширину и высоту? Я имею ввиду, чтоб в коде страницы было

<img src="{$img_values.PRODUCTS_MO_IMAGE}" width="значение" height="значение" itemprop="image" alt="{if $img_values.PRODUCTS_MO_IMAGE_DESCRIPTION !=''}{$img_values.PRODUCTS_MO_IMAGE_DESCRIPTION}{else}{$PRODUCTS_NAME}{/if}" />

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

Expand  

Лучше через css всё выравнивать, стилями, width, height, padding, margin 

Всё это отлично решается стилями.

[retroman 0]

У меня задача не просто выровнять. Сайт-портфолио по фотографии https://фотонадому.рф/svadba-dima-i-irina.html

Фотографии в карточке товара вписаны в слайдер. Слайдер внешне оформлен под фотоплёнку. В оформлении используются псевдоклассы before и after (каёмка с перфорацией на "плёнке"). Но есть некоторые не решённые моменты. Горизонтально и вертикально ориентированные фотографии, в одну плёнку не вписываются. Если только превью резать вручную. Как временная мера - хорошо, но ищу более изящные решения. Подумал, что если горизонтальным и вертикальным изображениям удастся присваивать разный класс css, будет уже проще решить конечную задачу.

[support 447]

  В 15.02.2019 в 13:30, retroman сказал:

У меня задача не просто выровнять. Сайт-портфолио по фотографии https://фотонадому.рф/svadba-dima-i-irina.html

Фотографии в карточке товара вписаны в слайдер. Слайдер внешне оформлен под фотоплёнку. В оформлении используются псевдоклассы before и after (каёмка с перфорацией на "плёнке"). Но есть некоторые не решённые моменты. Горизонтально и вертикально ориентированные фотографии, в одну плёнку не вписываются. Если только превью резать вручную. Как временная мера - хорошо, но ищу более изящные решения. Подумал, что если горизонтальным и вертикальным изображениям удастся присваивать разный класс css, будет уже проще решить конечную задачу.

Expand  

Так Вы ничего с этим не поделаете, если у Вас мешаются горизонтальные и вертикаьлные фотографии, только по бокам свободно место оставлять о вертикальных фоток.

Если всё растягивать под формат рамки, то вертикальные фотограмм будут страшно выглядеть ведь, слишком растянутыми в ширину.

[MIL2 1]

По картинкам в 1 Vamshop: 

1. Неудобно, что Ширина и Высота превьюшки на странице списка товаров в категории и Превью 2-й и последующей картинки на странице товара задаются одновременно через первый параметр- не получается сделать большие превью в категориях и одновременно маленькие 2-ю и далее на карточке товара

2.Неверные пропорции у картинок в Категории- Скидки

[support 447]

  В 15.02.2019 в 19:10, MIL2 сказал:

По картинкам в 1 Vamshop: 

1. Неудобно, что Ширина и Высота превьюшки на странице списка товаров в категории и Превью 2-й и последующей картинки на странице товара задаются одновременно через первый параметр- не получается сделать большие превью в категориях и одновременно маленькие 2-ю и далее на карточке товара

2.Неверные пропорции у картинок в Категории- Скидки

Expand  

По умолчанию в категории только 1 картинка, может это дело в Вашем шаблоне!?

[MIL2 1]

  В 15.02.2019 в 19:25, support сказал:

По умолчанию в категории только 1 картинка, может это дело в Вашем шаблоне!?

Expand  

В категории одна, а на карточке товара любое количество, но размер 2 и последующих превью на карточке товара задается размерами картинки в категории- если увеличивать до интересующей меня картинку в категории, то на карточке великоват размер и наоборот.

[support 447]

  В 15.02.2019 в 19:29, MIL2 сказал:

В категории одна, а на карточке товара любое количество, но размер 2 и последующих превью на карточке товара задается размерами картинки в категории- если увеличивать до интересующей меня картинку в категории, то на карточке великоват размер и наоборот.

Expand  

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

[MIL2 1]

  В 15.02.2019 в 19:37, support сказал:

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

Expand  

Только размеры дополнительных картинок на карточке товара, насколько помню, меняются одновременно с изменением размеров картинки в категории товара, а не с изменением размера основной картинки на карточке товара.

А как с помощью css уменьшить размер дополнительных картинок на карточке товара?

[support 447]

  В 15.02.2019 в 19:42, MIL2 сказал:

Только размеры дополнительных картинок на карточке товара, насколько помню, меняются одновременно с изменением размеров картинки в категории товара, а не с изменением размера основной картинки на карточке товара.

А как с помощью css уменьшить размер дополнительных картинок на карточке товара?

Expand  

Ну да, это ж карточка товара и катинки все размеров для карточки товара.

В css стилях задаётся width, height, либо размера div блока задаётся и картинки внутри блока не будет больше размера блока.

В демке - http://demo.vamshop.ru/samsung-galaxy-note-3.html

Видно, что доп. картинки чуть меньше, это ж css стилями сделано.

 

[retroman 0]

  В 15.02.2019 в 13:57, support сказал:

Так Вы ничего с этим не поделаете, если у Вас мешаются горизонтальные и вертикаьлные фотографии, только по бокам свободно место оставлять о вертикальных фоток.

Если всё растягивать под формат рамки, то вертикальные фотограмм будут страшно выглядеть ведь, слишком растянутыми в ширину.

Expand  

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

[support 447]

  В 15.02.2019 в 20:43, retroman сказал:

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

Expand  

:)

Но всё равно, пропорции надо сохранять, т.е. идеально не будет если картинка вертикальной ориентации и картинки горазонтальной ориентации.

Всё квадратным не сделаешь что б ещё и прилично выглядело.

[retroman 0]

Так пропорции сохранить удалось. Правда сейчас посмотрел стандартный дизайн и в нём всё-таки не очень хорошо смотрится. Но выведенные в одну линию - выглядят вполне неплохо, благодаря тому, что высота и вертикальных и горизонтальных фотографий одинакова.

[MIL2 1]

  В 15.02.2019 в 19:47, support сказал:

Ну да, это ж карточка товара и катинки все размеров для карточки товара.

Expand  

Так сделано-то по другому- если бы размер дополнительных картинок на карточке товара был привязан в какой-то пропорции к размеру основной картинки на карточке товара, это было бы логично и понятно,  но он почему-то (если память не изменяет) привязан к размеру превью в категории.

[support 447]

  В 16.02.2019 в 00:21, retroman сказал:

Так пропорции сохранить удалось. Правда сейчас посмотрел стандартный дизайн и в нём всё-таки не очень хорошо смотрится. Но выведенные в одну линию - выглядят вполне неплохо, благодаря тому, что высота и вертикальных и горизонтальных фотографий одинакова.

Expand  

Понятно

  В 16.02.2019 в 04:17, MIL2 сказал:

Так сделано-то по другому- если бы размер дополнительных картинок на карточке товара был привязан в какой-то пропорции к размеру основной картинки на карточке товара, это было бы логично и понятно,  но он почему-то (если память не изменяет) привязан к размеру превью в категории.

Expand  

Нет.

На странице карточки товара физические размеры картинки такие какие в Админке - Настройки - Картинки указаны для картинки для карточки товара.

Всё остальное стилями правится, насколько я помню.

Вот например в демке http://demo.vamshop.ru/samsung-galaxy-note-8.html

Основноая картинки - <img itemprop="image" id="img" src="images/product_images/info_images/6_0.png" alt="Samsung GALAXY Note 8">

Дополнительная - <img src="images/product_images/info_images/6_1.jpg" itemprop="image" alt="Samsung GALAXY Note 8">

Обе выводятся из папки info_image

А то, что дополнительная выглядит чуть меньше, это просто css стилями сжата.