Обвести Товар Рамкой
#1
Отправлено 18 Май 2016 - 11:41
Пока писала заголовок, идею изменила. Прошу понять и простить)))
В общем, нужно на странице списка товаров подкатегории в каталоге текст "Оформить бронь" выделить жирным, а название товара и цену оформить аналогично тому как это реализовано уровнем выше (подкатегории каталога выглядят как кнопки темного цвета со светлым текстом)
#2
Отправлено 18 Май 2016 - 11:48
#3
Отправлено 18 Май 2016 - 15:40
Natashka prosto prazdnik (18 Май 2016 - 11:41) писал:
Пока писала заголовок, идею изменила. Прошу понять и простить)))
В общем, нужно на странице списка товаров подкатегории в каталоге текст "Оформить бронь" выделить жирным, а название товара и цену оформить аналогично тому как это реализовано уровнем выше (подкатегории каталога выглядят как кнопки темного цвета со светлым текстом)
В конце main.css добавьте код:
.product-name a, .price-box span { color: #fff; text-shadow: none; } .product-name, .price-box { background: #1E1E21; } .actions a { font-weight: bold; }
В шаблоне Товары найдите и удалите код (встречается 2 раза, удалить нужно везде):
<!-- Показывать по: (Шаг для выбора пользователем лимита выдачи товаров на страницу от 1 до 100) --> <div class="show-by"> <label>Показывать по:</label> <select name="per_page" class="selectBox" title="Лимит товаров на странице" onchange="this.form.submit();"> {% FOR goods_per_page_list %} <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option> {% ENDFOR %} </select> </div> <!-- /END Показывать по: --> <!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> <div class="sort-by"> <label>Сортировать по:</label> <select name="goods_search_field_id" class="selectBox" title="Название сортировки" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> </div> <!-- /END Сортировать по: -->
#4
Отправлено 18 Май 2016 - 17:24
И еще чуть доработать:
1. Убрать всплывающую подсказку в каталоге (скрин во вложении)
2. В карточке товара отменить выделение темным цветом название товара.
#5
Отправлено 18 Май 2016 - 18:08
Natashka prosto prazdnik (18 Май 2016 - 17:24) писал:
Здравствуйте.
Для категорий:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.cat-info h3 {display: block;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
Измените значение цвета rgba(0,0,0,0.7) на необходимое.
Для товаров:
Найдите код:
.product-name, .price-box { background: #666; }
Измените значение #666;
#6
Отправлено 18 Май 2016 - 18:28
Firefly (18 Май 2016 - 18:08) писал:
Для категорий:
...
Измените значение цвета rgba(0,0,0,0.7) на необходимое.
Вот я и прошу сказать на какой изменить?) Если идти вглубь по каталогу, то на первом и втором уровне цвета фона кнопок п=категорий одинаковы, а цвет кнопки товара отличается. И я не знаю как его сделать таким же как у категорий)
Firefly (18 Май 2016 - 18:08) писал:
Для товаров:
...
Измените значение #666;
Вопрос как раз в том, на что менять?) Подскажите, пожалуйста, код основного фона страниц?
#7
Отправлено 19 Май 2016 - 06:42
http://www.color-hex.com/
#8
Отправлено 19 Май 2016 - 11:04
Vaccina (19 Май 2016 - 06:42) писал:
http://www.color-hex.com/
Не понимаю проблемы. Есть выделение цветом в карточке товара, которое не нужно. Зачем мне искать какой код соответствует фону сайта, чтобы закамуфлировать это выделение? Его нельзя просто удалить в коде? Это по второму вопросу.
Хотя по первому тоже непонятно. Выделение было создано с помощью изменения кода. Соответственно, какой-то цвет был указан там. Не мной. Если Вы усмариваете в кодах цвета некую коммерческую тайну, не называйте его! Пожалуйста, измените сами)
#9
Отправлено 19 Май 2016 - 12:55
Natashka prosto prazdnik (19 Май 2016 - 11:04) писал:
Хотя по первому тоже непонятно. Выделение было создано с помощью изменения кода. Соответственно, какой-то цвет был указан там. Не мной. Если Вы усмариваете в кодах цвета некую коммерческую тайну, не называйте его! Пожалуйста, измените сами)
Здравствуйте, напишите, пожалуйста, список элементов, цвета которых Вас интересуют, вышлем Вам в том же порядке коды цветов
#10
Отправлено 19 Май 2016 - 19:22
Юля123 (19 Май 2016 - 12:55) писал:
1. Скрин "Дата-время". Нужно цвета кнопок выровнять. Стрелка показывает от правильного цвета к требующему корректировки.
2. Скрин "Товар". Красным эллипсом выделен участок, где нужно сохранить цвет фона без выделений.
Еще вот этот вопрос не решен:
Natashka prosto prazdnik (18 Май 2016 - 17:24) писал:
3. В мобильной версии темная кнопка подкатегории имеет меньшую высоту, чем текст названия категории. Нужно либо уменьшить шрифт, либо увеличить высоту кнопки
4. Необходимо совсем убрать надпись о количестве товаров в категории.
#11
Отправлено 23 Май 2016 - 08:35
#12
Отправлено 23 Май 2016 - 12:20
Natashka prosto prazdnik (19 Май 2016 - 19:22) писал:
2. Скрин "Товар". Красным эллипсом выделен участок, где нужно сохранить цвет фона без выделений.
Еще вот этот вопрос не решен:
скрин в искомом сообщении
3. В мобильной версии темная кнопка подкатегории имеет меньшую высоту, чем текст названия категории. Нужно либо уменьшить шрифт, либо увеличить высоту кнопки
4. Необходимо совсем убрать надпись о количестве товаров в категории.
1,2) Нужный Вам цвет - rgba(0,0,0,0.7); Чтобы его установить для кнопок Даты-Времени, в main.css найдите код:
.product-name, .price-box { background: #666; }
и замените на код:
.item .product-name, .price-box { background: rgba(0,0,0,0.7); }
Чтобы убрать всплывающее окно в main.css найдите и удалите код:
[data-tooltip]:hover:before, [data-tooltip]:hover:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
3) В main.css найдите код:
.cat-info {display: inline-block;position: relative;overflow: hidden;width: 100%;vertical-align: middle;cursor: pointer;}
и замените на код:
.cat-info {display: inline-block;position: relative; overflow: hidden;width: 100%;vertical-align: middle;cursor: pointer;}
4) В шаблоне HTML найдите код:
{CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %}
и замените на код:
{CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} {% ENDIF %}
#13
Отправлено 12 Июнь 2016 - 20:43
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных