Сообщений в теме: 12

[Ash74]

Добрый вечер!

Аккаунт SL-259633

Требуется внести ряд изменений в каталог товаров:

1. Для категорий и подкатегорий используются картинки размером 200х200 пикселей. Сейчас они отображаются по 3 штуки в ряду. Можно ли сделать, чтобы отображались по 4? Размер картинок это позволяет вроде как.

2. При наведении на картинку появляется серая полупрозрачная рамка выделения. Она шире картинки, прямоугольной формы. Нужно сделать, чтобы она не торчала по углам, а ровно ложилась на картинку и не выходила за её границы. Уровень прозрачности и цвет этой заливки можно менять и где это делается?

3. При наведении также всплывает серая рамка с названием категории. Можно её перенести ровно под картинку? Пример, как это должно выглядеть на скрине справа. Изменение цвета при наведении курсора на буквы оставить без изменений.

Жду помощи от профи =)))

Прикрепленные изображения

• 

[Ash74]

Народ! Вопрос все еще актуален!

[Firefly]

Ash74 (23 Июнь 2016 - 21:02) писал:

Добрый вечер!

Аккаунт SL-259633

Требуется внести ряд изменений в каталог товаров:

1. Для категорий и подкатегорий используются картинки размером 200х200 пикселей. Сейчас они отображаются по 3 штуки в ряду. Можно ли сделать, чтобы отображались по 4? Размер картинок это позволяет вроде как.

2. При наведении на картинку появляется серая полупрозрачная рамка выделения. Она шире картинки, прямоугольной формы. Нужно сделать, чтобы она не торчала по углам, а ровно ложилась на картинку и не выходила за её границы. Уровень прозрачности и цвет этой заливки можно менять и где это делается?

3. При наведении также всплывает серая рамка с названием категории. Можно её перенести ровно под картинку? Пример, как это должно выглядеть на скрине справа. Изменение цвета при наведении курсора на буквы оставить без изменений.

Жду помощи от профи =)))

Здравствуйте.
Создал Вам бэкапы до (26.06.2016 13:11:02) и после и произвел изменения.
Проверьте, пожалуйста, устроит ли Вас данный вариант.

[Ash74]

Добрый день!

Расположение и количество вполне устраивает, спасибо большое.

Остались 2 момента:

1. Подписи к каждой категории должны быть видны всегда, а не только при наведении на картинку. Скрин №3 показывает как это должно выглядеть в итоге. В обычном состоянии - белые буквы на подписи. При наведении - оранжевые буквы.

2. Как изменить размер шрифта в подписи? Некоторые особенно длинные названия не влезают полностью - пример "Расходные материалы". Нужно уменьшить размер шрифта, чтобы влезало полностью.

Жду ответа!

Прикрепленные изображения

• 
• 
• 

[Firefly]

Ash74 (26 Июнь 2016 - 15:39) писал:

Добрый день!

Расположение и количество вполне устраивает, спасибо большое.

Остались 2 момента:

1. Подписи к каждой категории должны быть видны всегда, а не только при наведении на картинку. Скрин №3 показывает как это должно выглядеть в итоге. В обычном состоянии - белые буквы на подписи. При наведении - оранжевые буквы.

2. Как изменить размер шрифта в подписи? Некоторые особенно длинные названия не влезают полностью - пример "Расходные материалы". Нужно уменьшить размер шрифта, чтобы влезало полностью.

Жду ответа!

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

[Ash74]

Всё супер, спасибо за помощь!!!

Обнаружилась небольшая проблема: местами появились пробелы между отображаемыми картинками. Всё на скрине видно. Помогите разрулить )))

Прикрепленные изображения

• 

[Firefly]

Ash74 (26 Июнь 2016 - 19:29) писал:

Всё супер, спасибо за помощь!!!

Обнаружилась небольшая проблема: местами появились пробелы между отображаемыми картинками. Всё на скрине видно. Помогите разрулить )))

Это происходило из-за разной высоты плитки товара, поскольку название встречалось, как в 1, так и в 3 строки.
Установил Вам фиксированную высоту в 55px, теперь все должно отображаться корректно независимо от названий.

[Ash74]

Большое спасибо за оперативную помощь! Вы молодцы

[cartman]

Firefly (26 Июнь 2016 - 19:37) писал:

Это происходило из-за разной высоты плитки товара, поскольку название встречалось, как в 1, так и в 3 строки.
Установил Вам фиксированную высоту в 55px, теперь все должно отображаться корректно независимо от названий.

Firefly (26 Июнь 2016 - 19:37) писал:

Это происходило из-за разной высоты плитки товара, поскольку название встречалось, как в 1, так и в 3 строки.
Установил Вам фиксированную высоту в 55px, теперь все должно отображаться корректно независимо от названий.

помогите и мне, после изменения названий товара, у меня товары съехали, где именно можно сделать фикс высоту?

[Firefly]

cartman (21 Январь 2017 - 03:56) писал:

помогите и мне, после изменения названий товара, у меня товары съехали, где именно можно сделать фикс высоту?

Здравствуйте.
Уточните, пожалуйста, Ваш номер аккаунта, на котором требуются данные изменения.

[cartman]

Firefly (21 Январь 2017 - 14:50) писал:

Здравствуйте.
Уточните, пожалуйста, Ваш номер аккаунта, на котором требуются данные изменения.

sl 393612

[RayLi]

cartman (22 Январь 2017 - 03:32) писал:

sl 393612

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;
}

Однако мы больше советуем вам загружать преимущественно изображения одного размера, чтобы указанная вами проблема не повторялась, в противном случае, вам поможет исправить её данный код.
Проверьте, пожалуйста.

[cartman]

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;
}

Однако мы больше советуем вам загружать преимущественно изображения одного размера, чтобы указанная вами проблема не повторялась, в противном случае, вам поможет исправить её данный код.
Проверьте, пожалуйста.

Спасибо! получилось!
картинки все одинаковы по соотношению, я их вплоть до пикселя ровняю