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


Редактировать Значки Преимуществ


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

#1 Visdom25

Visdom25

    Продвинутый пользователь

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

Отправлено 06 Ноябрь 2015 - 15:21

Как редактировать текст преимуществ и иконки?

Например :
1.   "100% ГАРАНТИЯ ВОЗВРАТА СРЕДСТВ
Вы можете вернуть товар в течении 30 дней после получения заказа."
заменить на
"

ГАРАНТИЯ КАЧЕСТВА

Используется только самые лучший мех Тибетской ламы

"

2.
"БЕСПЛАТНАЯ ДОСТАВКА
Доставка по городу и области Бесплатна!"
заменить на

оставка во все регионы России и СНГ.


Быстрая доставка и страховка заказа.

"

#2 RayLi

RayLi

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

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

Отправлено 06 Ноябрь 2015 - 16:16

Просмотр сообщенияVisdom25 (06 Ноябрь 2015 - 15:21) писал:

Как редактировать текст преимуществ и иконки?

Например :
1.   "100% ГАРАНТИЯ ВОЗВРАТА СРЕДСТВ
Вы можете вернуть товар в течении 30 дней после получения заказа."
заменить на
"

ГАРАНТИЯ КАЧЕСТВА

Используется только самые лучший мех Тибетской ламы

"

2.
"БЕСПЛАТНАЯ ДОСТАВКА
Доставка по городу и области Бесплатна!"
заменить на

оставка во все регионы России и СНГ.


Быстрая доставка и страховка заказа.

"


Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

	<!-- Информационный блок -->
	{% IF index_page %}
	<div id="block-info">
	  <div class="container">
		<div class="row">
		  <div class="col-lg-12  col-md-12  col-sm-12  col-xs-12  ">
			<div class="row">
			  <div class="col-md-4 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div class="fa fa-truck">&nbsp;</div></span>
				</div>
				<div class="text">
				  <h6>Бесплатная доставка</h6>
				  <p>Доставка по городу и области Бесплатна!</p>
				</div>
			  </div>
			  <div class="col-md-4 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div class="fa fa-comments">&nbsp;</div></span>
				</div>
				<div class="text">
				  <h6>100% гарантия возврата средств</h6>
				  <p>Вы можете вернуть товар в течении 30 дней после получения заказа.</p>
				</div>
			  </div>
			  <div class="col-md-4 col-sm-4 block-item effect-bounceInRight">
				<div class="icon">
				  <span><div class="fa fa-share">&nbsp;</div></span>
				</div>
				<div class="text">
				  <h6>Прием заказов 24/7</h6>
				  <p>Оформите заказ в интернет-магазине "Название магазина" Прямо сейчас!</p>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Информационный блок -->

И замените в нём стандартный текст на свой.

#3 Visdom25

Visdom25

    Продвинутый пользователь

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

Отправлено 06 Ноябрь 2015 - 23:57

Просмотр сообщенияRayLi (06 Ноябрь 2015 - 16:16) писал:

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

<!-- Информационный блок -->
{% IF index_page %}
<div id="block-info">
	 <div class="container">
	 <div class="row">
		 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
		 <div class="row">
			 <div class="col-md-4 col-sm-4 block-item effect-bounceInRight">
			 <div class="icon">
				 <span><div class="fa fa-truck">&nbsp;</div></span>
			 </div>
			 <div class="text">
				 <h6>Бесплатная доставка</h6>
				 <p>Доставка по городу и области Бесплатна!</p>
			 </div>
			 </div>
			 <div class="col-md-4 col-sm-4 block-item effect-bounceInRight">
			 <div class="icon">
				 <span><div class="fa fa-comments">&nbsp;</div></span>
			 </div>
			 <div class="text">
				 <h6>100% гарантия возврата средств</h6>
				 <p>Вы можете вернуть товар в течении 30 дней после получения заказа.</p>
			 </div>
			 </div>
			 <div class="col-md-4 col-sm-4 block-item effect-bounceInRight">
			 <div class="icon">
				 <span><div class="fa fa-share">&nbsp;</div></span>
			 </div>
			 <div class="text">
				 <h6>Прием заказов 24/7</h6>
				 <p>Оформите заказ в интернет-магазине "Название магазина" Прямо сейчас!</p>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- /END Информационный блок -->

И замените в нём стандартный текст на свой.
надеюсь смогу это сделать как мы разберемся с тем, что у меня html пустой. Тема создана.

#4 Vaccina

Vaccina

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

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

Отправлено 07 Ноябрь 2015 - 05:10

Вам ответили в созданной теме по проблеме.

#5 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 25 Апрель 2016 - 05:39

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

Изображение

Сообщение отредактировал Ingleest: 25 Апрель 2016 - 05:41


#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 25 Апрель 2016 - 14:16

Просмотр сообщенияIngleest (25 Апрель 2016 - 05:39) писал:

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

Изображение
Здравствуйте.
Частично изменения Вам произвел, проверьте.
Чтобы изменить цвета всех элементов данного блока, в main.css найдите
/*** Баннеры ***/
#topsl {background:#000000;border-top: 1px solid #3f3f3f;border-bottom: 1px solid #3f3f3f;padding: 15px 0;}
#topsl .policy_shop .policy {overflow: hidden;position: relative;transition: all 300ms linear 0s;text-align: center;}
#topsl .policy_shop .policy .fa {position:relative;background: #000000;font-size: 30px;transition: all 400ms linear 0s;width: 55px;height: 55px;margin-bottom: 20px;color: #FFF;float:left;}
#topsl .policy_shop .policy .fa:before {height: 100%;left: 0;line-height: 55px;position: absolute;top: 0;width: 100%;color: #ffffff;}
#topsl .policy_shop .policy:hover .fa {background: #FFFFFF;border-color: #000000;}
#topsl .policy_shop .policy:hover .fa:before {color: #fff;-webkit-animation: moveFromBottom 300ms ease;-o-animation: moveFromBottom 300ms ease;animation: moveFromBottom 300ms ease;}
#topsl .policy_shop .policy .ca-content .ca-main {font-size:15px;color: #ffffff;-webkit-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}
#topsl .policy_shop .policy:hover .ca-content .ca-main {color: #535353;-webkit-animation: smallToBig 300ms ease;-o-animation: smallToBig 300ms ease;animation: smallToBig 300ms ease;}
div#topsl a {color: #fff;}
#topsl .policy_shop .policy:first-child {border-left: none;}
#topsl .policy_shop .policy {border-left: 2px solid #fff;}
изменяйте color(цвет текста), background(цвет фона), background-color(цвет фона), border-color(цвет границ).

#7 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 25 Апрель 2016 - 15:08

Спасибо, все здорово!




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

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