Авторизация  
kmv

Настройка картинок в слайдере

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

kmv

Здравствуйте!

Нужно настроить размер картинок слайдере, никак не могу найти где это делается?

 

Безымянный.png

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


Ссылка на сообщение
Поделиться на другие сайты
VaM
10 час назад, kmv сказал:

Здравствуйте!

Нужно настроить размер картинок слайдере, никак не могу найти где это делается?

 

Безымянный.png

По идее, всё это в стилях находится.

В /app/webroot/css/jquery/plugins/sequence/sequence.css

Там на 210 строке начинаются стили для картинки, вот с этой строки:

#sequence-theme .image {

 

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


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

Здравствуйте. Получилось изменить размеры картинки, но т.к. изначально в карточке товара размеры фиксированные, получается что картинка начинает пикселить, хотя исходный размер заливается хорошего качества.

Подскажите, если я создам для слайдера отдельный шаблон как мне сделать чтобы именно для этого товара картинка выдавалась измененного размера нежели в стандартной карточке товара?

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


Ссылка на сообщение
Поделиться на другие сайты
VaM
1 час назад, kmv сказал:

Здравствуйте. Получилось изменить размеры картинки, но т.к. изначально в карточке товара размеры фиксированные, получается что картинка начинает пикселить, хотя исходный размер заливается хорошего качества.

Подскажите, если я создам для слайдера отдельный шаблон как мне сделать чтобы именно для этого товара картинка выдавалась измененного размера нежели в стандартной карточке товара?

А как меняли размер картинки?!

Всё ж в стилях указывается.

Может просто стиль неправильно прописали в слайдере?!

Я выше написал где в стилях слайдера указывается.

Там нужно указать width: 100% например или width: 200px;

Как-то так надо пробовать.

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


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

в стиле слайдера прописал:

#sequence-theme .image {
  right: 50%;
  bottom: -56%;
  opacity: 0;
  border: 0px solid red;
  z-index: 999;
  position: absolute;
width: 450x;
height: auto; 
}

Ничего не изменилось

Прописал в микрошаблоне слайдера:

<img class="image" src="{$node.image}" alt="{$node.name}"{if {$node.image_width} > 0} width="450px"{/if}{if {$node.image_height} > 0} height="auto"{/if} />

получилось вот так, с размытием т.е. вот эта картинка Untitled-5-250.png

 

просто растянулась с 250 px до заданных мной 450 px

Безымянный.png

В 16.05.2018 at 10:32, VaM сказал:

По идее, всё это в стилях находится.

В /app/webroot/css/jquery/plugins/sequence/sequence.css

Там на 210 строке начинаются стили для картинки, вот с этой строки:


#sequence-theme .image {

 

 

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


Ссылка на сообщение
Поделиться на другие сайты
VaM
3 часа назад, kmv сказал:

в стиле слайдера прописал:

#sequence-theme .image {
  right: 50%;
  bottom: -56%;
  opacity: 0;
  border: 0px solid red;
  z-index: 999;
  position: absolute;
width: 450x;
height: auto; 
}

Ничего не изменилось

Прописал в микрошаблоне слайдера:

<img class="image" src="{$node.image}" alt="{$node.name}"{if {$node.image_width} > 0} width="450px"{/if}{if {$node.image_height} > 0} height="auto"{/if} />

получилось вот так, с размытием т.е. вот эта картинка Untitled-5-250.png

 

просто растянулась с 250 px до заданных мной 450 px

Безымянный.png

 

Дайте ссылку на сайт, посмотрю "в-живую" как это выглядит.

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

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


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

shop.carpomaniya.ru     это временное расположение

мне удалось подогнать размер картинок кое как в разделе настройки>магазин>размер картинок

но это насколько я понимаю настройка размера картинки в карточке товара

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


Ссылка на сообщение
Поделиться на другие сайты
VaM
1 час назад, kmv сказал:

shop.carpomaniya.ru     это временное расположение

мне удалось подогнать размер картинок кое как в разделе настройки>магазин>размер картинок

но это насколько я понимаю настройка размера картинки в карточке товара

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

Что б картинка не была размытая, должен быть оригинал картинки качественный.

Если у Вас, к примеру, оригинал картинки 300 пикселей, а Вы пытаетесь растягивать до 400, то конечно будет размытая.

А если оригинал например будет 900 пикселей, то можно растягивать спокойнее, до размера оригинала.

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


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

ну оригинал у меня точно качественный заливается 1700х1800

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


Ссылка на сообщение
Поделиться на другие сайты
VaM
10 минуту назад, kmv сказал:

ну оригинал у меня точно качественный заливается 1700х1800

Я на сайт зашёл, вроде выглядит нормально картинка в слайдере.

Не так как на скриншоте выше.

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


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

это после того как я подогнал размер в разделе  настройки>магазин>размер картинок

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


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

Понятно

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


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

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

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

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

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

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

Войти

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

Войти
Авторизация