Изменение Цвета И Сделать Категорию Акция Мигающей
#1
Отправлено 06 Сентябрь 2018 - 17:08
и еще пожалуйста подскажите как цену сделать крупнее точнее шрифт и изменить цвет
Аккаунт SL-455987
#2
Отправлено 06 Сентябрь 2018 - 19:37
Дмитрий43 (06 Сентябрь 2018 - 17:08) писал:
и еще пожалуйста подскажите как цену сделать крупнее точнее шрифт и изменить цвет
Аккаунт SL-455987
Здравствуйте.
В шаблоне main.css найдите, пожалуйста, данный блок кода:
.price-box .old-price .price { margin: 0 5px 0 0; display: inline-block; font-size: 130%; color: #909090; position: relative; }
И замените его этим вот кодом:
.price-box .old-price .price { margin: 0 5px 0 0; display: inline-block; font-size: 130%; color: #7dbf38; position: relative; }
Далее там же найдите, пожалуйста, следующий блок кода:
.products-grid .item .item-inner .item-info .info-inner .item-content .item-price .price-box .old-price .price { font-size: 12px; }
И замените его этим кодом:
.products-grid .item .item-inner .item-info .info-inner .item-content .item-price .price-box .old-price .price { font-size: 16px; }
#3
Отправлено 06 Сентябрь 2018 - 22:00
RayLi (06 Сентябрь 2018 - 19:37) писал:
В шаблоне main.css найдите, пожалуйста, данный блок кода:
.price-box .old-price .price { margin: 0 5px 0 0; display: inline-block; font-size: 130%; color: #909090; position: relative; }
И замените его этим вот кодом:
.price-box .old-price .price { margin: 0 5px 0 0; display: inline-block; font-size: 130%; color: #7dbf38; position: relative; }
Далее там же найдите, пожалуйста, следующий блок кода:
.products-grid .item .item-inner .item-info .info-inner .item-content .item-price .price-box .old-price .price { font-size: 12px; }
И замените его этим кодом:
.products-grid .item .item-inner .item-info .info-inner .item-content .item-price .price-box .old-price .price { font-size: 16px; }
#6
Отправлено 08 Сентябрь 2018 - 08:59
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu ul.mainnav li.level0 > a { display: block; padding: 8px 10px; font-size: 190%; font-weight: normal; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; position: relative; color: #FFFFFF; border: 1px solid transparent; }
после него пропишите:
#custommenu ul.mainnav li.level0:last-child > a {animation: mig 1s infinite;} @keyframes mig { 0% {color: red;} 50% {color: red;} 51% {color: white;} 100% {color: white;} }
#7
Отправлено 08 Сентябрь 2018 - 12:06
Vaccina (08 Сентябрь 2018 - 08:59) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu ul.mainnav li.level0 > a { display: block; padding: 8px 10px; font-size: 190%; font-weight: normal; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; position: relative; color: #FFFFFF; border: 1px solid transparent; }
после него пропишите:
#custommenu ul.mainnav li.level0:last-child > a {animation: mig 1s infinite;} @keyframes mig { 0% {color: red;} 50% {color: red;} 51% {color: white;} 100% {color: white;} }
#8
Отправлено 08 Сентябрь 2018 - 19:06
#9
Отправлено 09 Сентябрь 2018 - 17:10
metry (08 Сентябрь 2018 - 19:06) писал:
Спасибо Вам огромное все получилось, еще подскажите пожалуйста как перенести данную информацию вниз, изменить шрифт на чуть больше и изменить цвет
#10
Отправлено 10 Сентябрь 2018 - 10:20
Дмитрий43 (09 Сентябрь 2018 - 17:10) писал:
Спасибо Вам огромное все получилось, еще подскажите пожалуйста как перенести данную информацию вниз, изменить шрифт на чуть больше и изменить цвет
Здравствуйте. Зайдите в Редактор шаблонов---Товар и найдите там код:
<!-- Блок информации по акции действующей на товар, если таковая есть --> {% IF GOODS_MOD_MAX_DISCOUNT_ID %} <div class="goodsDataMainDiscountBlock" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"> <span>Товар участвует в акции <strong>«{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}».</strong></span><br /> <span>До {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет <strong>{GOODS_MOD_MAX_DISCOUNT}%</strong></span> </div> {% ENDIF %}Скопируйте его и удалите.
Далее, найдите данный код:
data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Добавить к сравнению</a> {% ENDIF %} {% ENDIF %} </li> </ul> </div> </form>
И сразу после него вставьте ранее скопированный текст.
Зайдите в Редактор шаблонов---main.css и добавьте данный код в самый конец:
.goodsDataMainDiscountBlock { float: left; padding-top: 15px; color: #000000; font-size: 17px; }
Где в color: #000000; замените 000000 На Ваш код цвета(шестизначный).
Где в font-size: 17px; меняя число 17, Вы меняете размер текста.
#11
Отправлено 10 Сентябрь 2018 - 20:13
stasia (10 Сентябрь 2018 - 10:20) писал:
<!-- Блок информации по акции действующей на товар, если таковая есть --> {% IF GOODS_MOD_MAX_DISCOUNT_ID %} <div class="goodsDataMainDiscountBlock" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"> <span>Товар участвует в акции <strong>«{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}».</strong></span><br /> <span>До {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет <strong>{GOODS_MOD_MAX_DISCOUNT}%</strong></span> </div> {% ENDIF %}Скопируйте его и удалите.
Далее, найдите данный код:
data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Добавить к сравнению</a> {% ENDIF %} {% ENDIF %} </li> </ul> </div> </form>
И сразу после него вставьте ранее скопированный текст.
Зайдите в Редактор шаблонов---main.css и добавьте данный код в самый конец:
.goodsDataMainDiscountBlock { float: left; padding-top: 15px; color: #000000; font-size: 17px; }
Где в color: #000000; замените 000000 На Ваш код цвета(шестизначный).
Где в font-size: 17px; меняя число 17, Вы меняете размер текста.
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных