Перейти к содержимому


Изменение Цвета И Сделать Категорию Акция Мигающей

Автор Дмитрий43, 06 сент. 2018 17:08

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 Дмитрий43

Дмитрий43

    Пользователь

  • Пользователи
  • PipPip
  • 24 сообщений

Отправлено 06 Сентябрь 2018 - 17:08

Здравствуйте, подскажите пожалуйста как сделать категорию Акция другого цвета и мигающей
и еще пожалуйста подскажите как цену сделать крупнее точнее шрифт и изменить цвет

Аккаунт SL-455987

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

  • акци.png
  • 01.png
  • 02.png

#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 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 Дмитрий43

Дмитрий43

    Пользователь

  • Пользователи
  • PipPip
  • 24 сообщений

Отправлено 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;
}
Спасибо большое, а скажите пжл возможно ли выделить категорию АКЦИЯ?

#4 stasia

stasia

    Активный участник

  • Модераторы
  • 575 сообщений

Отправлено 07 Сентябрь 2018 - 09:49

Просмотр сообщенияДмитрий43 (06 Сентябрь 2018 - 22:00) писал:

Спасибо большое, а скажите пжл возможно ли выделить категорию АКЦИЯ?

Здравствуйте. Скажите, как Вы бы хотели выделить категорию Акция. Изменением цвета?

#5 Дмитрий43

Дмитрий43

    Пользователь

  • Пользователи
  • PipPip
  • 24 сообщений

Отправлено 07 Сентябрь 2018 - 18:23

Просмотр сообщенияstasia (07 Сентябрь 2018 - 09:49) писал:

Здравствуйте. Скажите, как Вы бы хотели выделить категорию Акция. Изменением цвета?
Здравствуйте, или изменением цвета или сделать чтобы она была мигающей

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 Дмитрий43

Дмитрий43

    Пользователь

  • Пользователи
  • PipPip
  • 24 сообщений

Отправлено 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 metry

metry

    Активный участник

  • Модераторы
  • 884 сообщений

Отправлено 08 Сентябрь 2018 - 19:06

Добрый день. Пожалуйста, уточните Ваш вопрос, приложив скриншот. Спасибо.

#9 Дмитрий43

Дмитрий43

    Пользователь

  • Пользователи
  • PipPip
  • 24 сообщений

Отправлено 09 Сентябрь 2018 - 17:10

Просмотр сообщенияmetry (08 Сентябрь 2018 - 19:06) писал:

Добрый день. Пожалуйста, уточните Ваш вопрос, приложив скриншот. Спасибо.
извините пжл забыл скрин,
Спасибо Вам огромное все получилось, еще подскажите пожалуйста как перенести данную информацию вниз, изменить шрифт на чуть больше и изменить цвет

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

  • АКЦИЯ.png

#10 stasia

stasia

    Активный участник

  • Модераторы
  • 575 сообщений

Отправлено 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>&laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</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="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами" 
			  href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;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 Дмитрий43

Дмитрий43

    Пользователь

  • Пользователи
  • PipPip
  • 24 сообщений

Отправлено 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>&laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</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="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;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, Вы меняете размер текста.
Спасибо большое все получилось, благодарю
Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. → Изменение общей стилистики
  6. Privacy Policy