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


Добавить Блок В Карточке Товара Справа


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

#1 evros

evros

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

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

Отправлено 02 Март 2017 - 17:04

Очень нужна помощь в реализации блока с информацией, в правой части страницы. Пример во вложении.

Блок не широкий.

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

  • Добавить справа Бренд и ссылки на статьи.jpg


#2 Ирина345

Ирина345

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

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

Отправлено 03 Март 2017 - 15:03

Просмотр сообщенияevros (02 Март 2017 - 17:04) писал:

Очень нужна помощь в реализации блока с информацией, в правой части страницы. Пример во вложении.

Блок не широкий.
Здравствуйте, добавьте в начало шаблона Товар код
<div id="right_block">
  <div class="brend_block">
	<span>Официальный диллер бренда</span>
	{% FOR goods_features%}
			{%IF goods_features.NAME=Бренд%}
				<div>{goods_features.VALUE}</div>
			  {%ENDIF%}
			{% ENDFOR %}
  </div>
   <div class="top_block">
	  <a href="ссылка на страницу">
   <span>ТОП 10</span>
   <div>Ваш текст</div>
   </a>
   </div>
 
	<div class="why_block"> <a href="ссылка на страницу">
   <span>ТОП 10</span>
   <div>Ваш текст</div>
   </a></div>
</div>

далее в конец файла main.css добавьте
.top_block a, .why_block a {
	color: #6b6dc3;
}
.brend_block, .top_block, .why_block {
	width: 159px;
	border: 1px dashed #6ca9de;
	padding: 3px;
	margin-bottom: 10px;
}
#right_block span, .brend_block div {
	font-size: 12px;
	color: #fd8d08;
}
#right_block .brend_block span {
	color: #6b6dc3;
}
#right_block {
	position: fixed;
	right: 0;
	text-align: center;
	font-weight: bold;
}


#3 evros

evros

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

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

Отправлено 03 Март 2017 - 16:40

Просмотр сообщенияИрина345 (03 Март 2017 - 15:03) писал:

Здравствуйте, добавьте в начало шаблона Товар код
<div id="right_block">
<div class="brend_block">
<span>Официальный диллер бренда</span>
{% FOR goods_features%}
		 {%IF goods_features.NAME=Бренд%}
			 <div>{goods_features.VALUE}</div>
			 {%ENDIF%}
		 {% ENDFOR %}
</div>
<div class="top_block">
	 <a href="ссылка на страницу">
<span>ТОП 10</span>
<div>Ваш текст</div>
</a>
</div>

<div class="why_block"> <a href="ссылка на страницу">
<span>ТОП 10</span>
<div>Ваш текст</div>
</a></div>
</div>

далее в конец файла main.css добавьте
.top_block a, .why_block a {
color: #6b6dc3;
}
.brend_block, .top_block, .why_block {
width: 159px;
border: 1px dashed #6ca9de;
padding: 3px;
margin-bottom: 10px;
}
#right_block span, .brend_block div {
font-size: 12px;
color: #fd8d08;
}
#right_block .brend_block span {
color: #6b6dc3;
}
#right_block {
position: fixed;
right: 0;
text-align: center;
font-weight: bold;
}

Шикарно! Благодарю Вас!

#4 evros

evros

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

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

Отправлено 19 Декабрь 2017 - 12:38

Добрый день. Помогите перенести блок влево.

#5 metry

metry

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

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

Отправлено 19 Декабрь 2017 - 14:06

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#right_block {
		position: fixed;
		right: 0;
		text-align: center;
		font-weight: bold;
}

замените на:

#right_block {
		position: fixed;
		left: 1%;
		text-align: center;
		font-weight: bold;
}


#6 evros

evros

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

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

Отправлено 19 Декабрь 2017 - 15:23

Просмотр сообщенияmetry (19 Декабрь 2017 - 14:06) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#right_block {
	 position: fixed;
	 right: 0;
	 text-align: center;
	 font-weight: bold;
}

замените на:

#right_block {
	 position: fixed;
	 left: 1%;
	 text-align: center;
	 font-weight: bold;
}

Благодарю!




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

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