Картинки Категорий: Изменение Внешнего Вида И Количества
#1
Отправлено 23 Июнь 2016 - 21:02
Аккаунт SL-259633
Требуется внести ряд изменений в каталог товаров:
1. Для категорий и подкатегорий используются картинки размером 200х200 пикселей. Сейчас они отображаются по 3 штуки в ряду. Можно ли сделать, чтобы отображались по 4? Размер картинок это позволяет вроде как.
2. При наведении на картинку появляется серая полупрозрачная рамка выделения. Она шире картинки, прямоугольной формы. Нужно сделать, чтобы она не торчала по углам, а ровно ложилась на картинку и не выходила за её границы. Уровень прозрачности и цвет этой заливки можно менять и где это делается?
3. При наведении также всплывает серая рамка с названием категории. Можно её перенести ровно под картинку? Пример, как это должно выглядеть на скрине справа. Изменение цвета при наведении курсора на буквы оставить без изменений.
Жду помощи от профи =)))
#2
Отправлено 26 Июнь 2016 - 11:37
#3
Отправлено 26 Июнь 2016 - 13:26
Ash74 (23 Июнь 2016 - 21:02) писал:
Аккаунт SL-259633
Требуется внести ряд изменений в каталог товаров:
1. Для категорий и подкатегорий используются картинки размером 200х200 пикселей. Сейчас они отображаются по 3 штуки в ряду. Можно ли сделать, чтобы отображались по 4? Размер картинок это позволяет вроде как.
2. При наведении на картинку появляется серая полупрозрачная рамка выделения. Она шире картинки, прямоугольной формы. Нужно сделать, чтобы она не торчала по углам, а ровно ложилась на картинку и не выходила за её границы. Уровень прозрачности и цвет этой заливки можно менять и где это делается?
3. При наведении также всплывает серая рамка с названием категории. Можно её перенести ровно под картинку? Пример, как это должно выглядеть на скрине справа. Изменение цвета при наведении курсора на буквы оставить без изменений.
Жду помощи от профи =)))
Здравствуйте.
Создал Вам бэкапы до (26.06.2016 13:11:02) и после и произвел изменения.
Проверьте, пожалуйста, устроит ли Вас данный вариант.
#4
Отправлено 26 Июнь 2016 - 15:39
Расположение и количество вполне устраивает, спасибо большое.
Остались 2 момента:
1. Подписи к каждой категории должны быть видны всегда, а не только при наведении на картинку. Скрин №3 показывает как это должно выглядеть в итоге. В обычном состоянии - белые буквы на подписи. При наведении - оранжевые буквы.
2. Как изменить размер шрифта в подписи? Некоторые особенно длинные названия не влезают полностью - пример "Расходные материалы". Нужно уменьшить размер шрифта, чтобы влезало полностью.
Жду ответа!
#5
Отправлено 26 Июнь 2016 - 15:53
Ash74 (26 Июнь 2016 - 15:39) писал:
Расположение и количество вполне устраивает, спасибо большое.
Остались 2 момента:
1. Подписи к каждой категории должны быть видны всегда, а не только при наведении на картинку. Скрин №3 показывает как это должно выглядеть в итоге. В обычном состоянии - белые буквы на подписи. При наведении - оранжевые буквы.
2. Как изменить размер шрифта в подписи? Некоторые особенно длинные названия не влезают полностью - пример "Расходные материалы". Нужно уменьшить размер шрифта, чтобы влезало полностью.
Жду ответа!
Внес Вам дополнительные изменения в коде. Проверьте, пожалуйста.
#7
Отправлено 26 Июнь 2016 - 19:37
Ash74 (26 Июнь 2016 - 19:29) писал:
Обнаружилась небольшая проблема: местами появились пробелы между отображаемыми картинками. Всё на скрине видно. Помогите разрулить )))
Это происходило из-за разной высоты плитки товара, поскольку название встречалось, как в 1, так и в 3 строки.
Установил Вам фиксированную высоту в 55px, теперь все должно отображаться корректно независимо от названий.
#8
Отправлено 26 Июнь 2016 - 21:12
#9
Отправлено 21 Январь 2017 - 03:56
Firefly (26 Июнь 2016 - 19:37) писал:
Установил Вам фиксированную высоту в 55px, теперь все должно отображаться корректно независимо от названий.
Firefly (26 Июнь 2016 - 19:37) писал:
Установил Вам фиксированную высоту в 55px, теперь все должно отображаться корректно независимо от названий.
помогите и мне, после изменения названий товара, у меня товары съехали, где именно можно сделать фикс высоту?
#12
Отправлено 22 Январь 2017 - 10:40
cartman (22 Январь 2017 - 03:32) писал:
cartman (21 Январь 2017 - 03:56) писал:
Здравствуйте.
В данном случае советуем вам произвести следующие изменения, чтобы исправить следующую проблему:
В шаблоне main.css найдите, пожалуйста, данный код:
.products-grid .item .item-inner .item-img { position: relative; overflow: hidden; border: 0; text-align: center; min-height: 110px; background: rgba(0,0,0,0.02); }
И замените его вот этим вот кодом:
.products-grid .item .item-inner .item-img { position: relative; overflow: hidden; border: 0; text-align: center; min-height: 110px; height: 205px; }
Однако мы больше советуем вам загружать преимущественно изображения одного размера, чтобы указанная вами проблема не повторялась, в противном случае, вам поможет исправить её данный код.
Проверьте, пожалуйста.
#13
Отправлено 22 Январь 2017 - 13:52
RayLi (22 Январь 2017 - 10:40) писал:
В данном случае советуем вам произвести следующие изменения, чтобы исправить следующую проблему:
В шаблоне main.css найдите, пожалуйста, данный код:
.products-grid .item .item-inner .item-img { position: relative; overflow: hidden; border: 0; text-align: center; min-height: 110px; background: rgba(0,0,0,0.02); }
И замените его вот этим вот кодом:
.products-grid .item .item-inner .item-img { position: relative; overflow: hidden; border: 0; text-align: center; min-height: 110px; height: 205px; }
Однако мы больше советуем вам загружать преимущественно изображения одного размера, чтобы указанная вами проблема не повторялась, в противном случае, вам поможет исправить её данный код.
Проверьте, пожалуйста.
Спасибо! получилось!
картинки все одинаковы по соотношению, я их вплоть до пикселя ровняю
Темы с аналогичным тегами каталог товаров, категории
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных