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


Установить Стили Шрифта В Описании Товара По Умолчанию

шрифт

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

#1 Ильяc

Ильяc

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

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

Отправлено 18 Май 2014 - 08:44

Привет всем! Аккаунт SL-251638

Как можно установить одинаковые стили шрифта по умолчанию в описании для всех товаров: <span style="color:#666666;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:14px;">

и еще нужно межстрочный интервал увеличить.

Спасибо!

#2 Ирина345

Ирина345

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

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

Отправлено 18 Май 2014 - 10:23

Просмотр сообщенияИльяc (18 Май 2014 - 08:44) писал:

Привет всем! Аккаунт SL-251638

Как можно установить одинаковые стили шрифта по умолчанию в описании для всех товаров: <span style="color:#666666;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:14px;">

и еще нужно межстрочный интервал увеличить.

Спасибо!
Здравствуйте находим в шаблоне Товар код
<h3>Описание {GOODS_NAME}</h3>
<div class="htmlDataBlock" itemprop="description">
{GOODS_DESCRIPTION_LARGE}
</div>
{% ENDIF %}
заменяем на

<h3>Описание {GOODS_NAME}</h3>
<div class="htmlDataBlock" itemprop="description"style="  color: #666666; font-family: arial helvetica sans-serif; line-height: 1.34;  ">
{GOODS_DESCRIPTION_LARGE}
</div>
{% ENDIF %}


#3 Ильяc

Ильяc

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

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

Отправлено 18 Май 2014 - 18:53

Можно сделать "Условия доставки" свернутой. Т.е. чтобы условия доставки разворачивались при нажатии на надпись "условия доставки"
условия доставки.png

#4 lew

lew

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

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

Отправлено 18 Май 2014 - 21:52

В админке откройте товар
потом найдите код

 <!-- Блок описания вариантов доставки -->
				  <tr>
					<td class="goodsDataMainDeliveryBlock" colspan="2">
					  <h4>Условия доставки</h4>
					  {% FOR goods_delivery %}
						<br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
						<div class="goodsDataMainDeliveryItem" >
						  <p>{goods_delivery.DESC}</p>

						  {% IF goods_delivery.rules_empty %}
							Стоимость доставки: {goods_delivery.PRICE | money_format}
						  {% ELSE %}
							<div class="goodsDataMainDeliveryItemRules">
							  <table>
								<thead>
								  <tr>
									<td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								  </tr>
								  <tr>
									<td>Для заказов больше</td>
									<td>Стоимость доставки</td>
								  </tr>
								</thead>
								<tbody class="num">
								  {% FOR rules %}
									<tr>
									  <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
									  <td>{goods_delivery.rules.PRICE | money_format}</td>
									</tr>
								  {% ENDFOR %}
									<tr>
									  <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
									  <td>{goods_delivery.PRICE | money_format}</td>
									</tr>
								</tbody>
							  </table>
							</div>
						  {% ENDIF %}
						</div>
					  {% ENDFOR %}
					</td>
				  </tr>
				</table>
			  </div>
			</td>
		  </tr>
		</table>
	  </div>
	</form>

и замените на этот

<!-- Блок описания вариантов доставки -->
				 <tr>
					<td class="goodsDataMainDeliveryBlock" colspan="2">
					 <h4 onclick="$('#spoiler_text').toggle();">Условия доставки</h4>
<div id="spoiler_text">
					 {% FOR goods_delivery %}
						<br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
						<div class="goodsDataMainDeliveryItem" >
						 <p>{goods_delivery.DESC}</p>

						 {% IF goods_delivery.rules_empty %}
							Стоимость доставки: {goods_delivery.PRICE | money_format}
						 {% ELSE %}
							<div class="goodsDataMainDeliveryItemRules">
							 <table>
								<thead>
								 <tr>
									<td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								 </tr>
								 <tr>
									<td>Для заказов больше</td>
									<td>Стоимость доставки</td>
								 </tr>
								</thead>
								<tbody class="num">
								 {% FOR rules %}
									<tr>
									 <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
									 <td>{goods_delivery.rules.PRICE | money_format}</td>
									</tr>
								 {% ENDFOR %}
									<tr>
									 <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
									 <td>{goods_delivery.PRICE | money_format}</td>
									</tr>
								</tbody>
							 </table>
							</div>
						 {% ENDIF %}
						</div>

					 {% ENDFOR %}
</div>
					</td>
				 </tr>
				</table>
			 </div>
			</td>
		 </tr>
		</table>
	 </div>
	</form>


#5 Ильяc

Ильяc

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

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

Отправлено 20 Май 2014 - 16:10

Добрый день! Как мне поменять стиль таких кнопок в разделе "Связь с администрацией" "Личный кабинет" и в конце оформления заказа "перейти к оплате" и "повторить заказ":
222.png

На такой стиль:
333.png

Спасибо!

#6 Ирина345

Ирина345

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

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

Отправлено 20 Май 2014 - 16:37

Просмотр сообщенияИльяc (20 Май 2014 - 16:10) писал:

Добрый день! Как мне поменять стиль таких кнопок в разделе "Связь с администрацией" "Личный кабинет" и в конце оформления заказа "перейти к оплате" и "повторить заказ":
Прикрепленный файл 222.png

На такой стиль:
Прикрепленный файл 333.png

Спасибо!
Здравствуйте, в main.css находите
.more-link , a.read-more, .paymentFormTbodySubmitButton {
  font: bold 12px/30px Tahoma, Geneva, sans-serif;
  color: #fff;
  text-decoration: none;
  background:red;
  height: 30px;
  width: 135px;
  padding-left: 15px;
  display: inline-block;
}
заменяем на

.more-link , a.read-more, .paymentFormTbodySubmitButton {

height:38px !important;display:inline-block;padding:0 10px;background:url(bttns000.png) 0 0 repeat-x;border:none;font:bold 12px "Arial" !important;color:#fff !important;text-decoration:none !important;text-transform:uppercase;cursor:pointer;
-webkit-border-radius:2px;
border-radius:2px;
}


#7 Ильяc

Ильяc

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

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

Отправлено 20 Май 2014 - 17:16

Просмотр сообщенияИрина345 (20 Май 2014 - 16:37) писал:


Здравствуйте, в main.css находите
.more-link , a.read-more, .paymentFormTbodySubmitButton {
  font: bold 12px/30px Tahoma, Geneva, sans-serif;
  color: #fff;
  text-decoration: none;
  background:red;
  height: 30px;
  width: 135px;
  padding-left: 15px;
  display: inline-block;
}
заменяем на

.more-link , a.read-more, .paymentFormTbodySubmitButton {

height:38px !important;display:inline-block;padding:0 10px;background:url(bttns000.png) 0 0 repeat-x;border:none;font:bold 12px "Arial" !important;color:#fff !important;text-decoration:none !important;text-transform:uppercase;cursor:pointer;
-webkit-border-radius:2px;
border-radius:2px;
}
Спасибо! Получилось

#8 kapron

kapron

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

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

Отправлено 22 Сентябрь 2014 - 14:36

Подскажите, пожалуйста, как в шаблоне сияние сделать цвет и стиль шрифта одинаковый в карточке товара и в описании. Точнее сделать в описании тот же шрифт, что и в карточке в соответствии с шаблоном

#9 Ирина345

Ирина345

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

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

Отправлено 22 Сентябрь 2014 - 19:29

Просмотр сообщенияkapron (22 Сентябрь 2014 - 14:36) писал:

Подскажите, пожалуйста, как в шаблоне сияние сделать цвет и стиль шрифта одинаковый в карточке товара и в описании. Точнее сделать в описании тот же шрифт, что и в карточке в соответствии с шаблоном
Здравствуйте, уточните на скриншоте, где необходимо произвести изменения.

#10 kapron

kapron

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

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

Отправлено 24 Сентябрь 2014 - 19:51

синими стрелками, как поумолчанию в шаблоне,
красными, то что мне хотелось бы, что бы было того же цвета, размера и стиля
спасибо!

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

  • 2014-09-24 20-38-22 Скриншот экрана.png
  • 2014-09-24 20-40-48 Скриншот экрана.png
  • 2014-09-24 20-41-48 Скриншот экрана.png


#11 batta

batta

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

  • Модератоpы
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 24 Сентябрь 2014 - 20:32

Просмотр сообщенияkapron (24 Сентябрь 2014 - 19:51) писал:

синими стрелками, как поумолчанию в шаблоне,
красными, то что мне хотелось бы, что бы было того же цвета, размера и стиля
спасибо!

допишите в main.css
.pad-box {
font-size: 14px;
color: #F00;
font: 12px/20px Tahoma, Geneva, sans-serif;
}
размер шрифта -font-size: 14px;, цвет- color , стиль- font, меняйте значение на свои

В main.css допишите
.htmlDataBlock {
font-size: 15px;
}
меняйте значение на своё

#12 kapron

kapron

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

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

Отправлено 25 Сентябрь 2014 - 00:01

спасибо, но мне не надо на какие-то свои уникальные значения, мне просто нужно что бы всё было в одном стиле, в том в котором уже сделан шаблон Сияние. укажите их, пожалуйста.

#13 Vaccina

Vaccina

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

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

Отправлено 25 Сентябрь 2014 - 03:01

стандартная стилистика для шрифта у вас уж установлена в файле main.css
body {
	font-family: Helvetica,Arial,sans-serif;
}
можно дополнить ее, поставив размер шрифта, например:
body {
	font-family: Helvetica,Arial,sans-serif;
	font-size:14px;
}

при написании описания в странице или товаре просто не указывайте им свои стили как жирность текста или стиль написания и тогда автоматически применятся стандартные значения для текста.

#14 ais-83

ais-83

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

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

Отправлено 05 Май 2015 - 23:34

Добрый день. В магазине описание всех товаров написано в разном стиле(, можно ли поменять автоматом сразу все описания, или нужно заходить в каждый товар и менять форматирование? Аккаунт sl-31147.  спасибо

#15 Vaccina

Vaccina

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

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

Отправлено 06 Май 2015 - 01:34

Пришлите пожалуйста ссылки на 2 товара с разными стилями шрифтов в описании и также уточните на какой шрифт хотите изменить его.

#16 ais-83

ais-83

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

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

Отправлено 06 Май 2015 - 10:42

Просмотр сообщенияVaccina (06 Май 2015 - 01:34) писал:

Пришлите пожалуйста ссылки на 2 товара с разными стилями шрифтов в описании и также уточните на какой шрифт хотите изменить его.

http://xn--80aaefynl...ai/goods/ДИКСИТ

http://xn--80aaefynl...иант-с-надписью

Нужно:
  • font: 16px/16px Tahoma, Arial,sans-serif;
  • color: #333333;
  • line-height: 23px;
Также не смогла найти как сделать отступ от названия товара, и отодвинуть отзывы от сопутствующих товаров.
Спасибо.

#17 ais-83

ais-83

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

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

Отправлено 13 Май 2015 - 19:48

Просмотр сообщенияVaccina (06 Май 2015 - 01:34) писал:

Пришлите пожалуйста ссылки на 2 товара с разными стилями шрифтов в описании и также уточните на какой шрифт хотите изменить его.

http://xn--80aaefynl...ai/goods/ДИКСИТ

http://xn--80aaefynl...иант-с-надписью

Нужно:
  • font: 16px/16px Tahoma, Arial,sans-serif;
  • color: #333333;
  • line-height: 23px;
Также не смогла найти как сделать отступ от названия товара, и отодвинуть отзывы от сопутствующих товаров.
Спасибо.

#18 Vaccina

Vaccina

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

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

Отправлено 14 Май 2015 - 03:11

В main.css найдите:
.goodsData h3 {
  margin-top: 1em;
}

замените на:
.goodsData h3 {
  margin: 20px 0;
}


По поводу шрифтов в описании, попробуйте добавить в main.css следующий стиль:
.goodsData .htmlDataBlock {
  color: #000 !important;
  font: 16px/16px Tahoma,Arial,sans-serif !important;
}


#19 ais-83

ais-83

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

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

Отправлено 29 Ноябрь 2015 - 00:47

Просмотр сообщенияVaccina (14 Май 2015 - 03:11) писал:

В main.css найдите:
.goodsData h3 {
margin-top: 1em;
}

замените на:
.goodsData h3 {
margin: 20px 0;
}


По поводу шрифтов в описании, попробуйте добавить в main.css следующий стиль:
.goodsData .htmlDataBlock {
color: #000 !important;
font: 16px/16px Tahoma,Arial,sans-serif !important;
}
а можно сделать так, чтоб те описание товаров, кот уже написаны-стали в одном стиле, или нужно только заходить в каждый товар и менять шрифт, размер, цвет и тд????. спасибо

#20 RayLi

RayLi

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

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

Отправлено 29 Ноябрь 2015 - 09:38

Просмотр сообщенияais-83 (29 Ноябрь 2015 - 00:47) писал:

а можно сделать так, чтоб те описание товаров, кот уже написаны-стали в одном стиле, или нужно только заходить в каждый товар и менять шрифт, размер, цвет и тд????. спасибо

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

p {
	font: 12px/20px Tahoma, Geneva, sans-serif;
	color: #666;
	margin: 10px 0px;
}

И замените его вот этим вот кодом:

p {
	font: 16px/16px Tahoma, Arial,sans-serif !important;
	color: #333333;
	margin: 10px 0px;
	line-height: 23px;
}






Темы с аналогичным тегами шрифт

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

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