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


Шрифт


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

#1 shreg1

shreg1

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

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

Отправлено 27 Январь 2011 - 12:26

Скажите пожалуйста как можно изменить шрифт к примеру на Georgia?

#2 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 27 Январь 2011 - 14:45

Да, конечно же можно. Для этого будет достаточно указать его в main.csstemplate через редактор тем ("Сайт" -> "Редактор тем"). По умолчанию стоит Helvetica, вот код:
/*Typography*/
body {
  font-family: Helvetica, Arial, sans-serif;
}

Можете менять стиль шрифта на любой другой.

#3 shreg1

shreg1

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

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

Отправлено 27 Январь 2011 - 19:00

Скажите пожалуйста еще как изменить Шрифт в описании товара? Чтобы он писался хотя бы не заглавными буквами.

#4 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 27 Январь 2011 - 19:32

Заглавные буквы образуются из за стиля:
text-transform: uppercase;
Если из файла main.csstemplate убрать этот стиль, то на всём сайте можно убрать преобразование заголовков в верхний регистр.

Для страницы товара достаточно будет убрать этот стиль у заголовков:
h3 {
  font: 20px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #333;
}

просто удалив его или закомментировав, вот так:
h3 {
  font: 20px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
  /* text-transform: uppercase; */
  color: #333;
}


#5 Bonna

Bonna

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

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

Отправлено 30 Январь 2011 - 20:26

Подскажите пож-та (или ткните носом туда, где обсуждалось):
как сделать, чтобы на главной странице (где новинки и хиты продаж) строка с ценой выглядела как в каталоге, т.е. черным мелким шрифтом "Цена сейчас:", цветным мелким "... рублей". Цвет без изменений, бирюзовый.
Сейчас на главной странице просто надпись "... рублей", причем шрифт крупнее чем само название товара (я поменяла название с заглавных на строчные буквы согласно предыдущего поста).

#6 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 30 Январь 2011 - 21:10

На примере списка хитов продаж. Можно уменьшить шрифт цены до 11 пикселей и изменив цвет на чёрный изменив код в шаблоне html c
<p>
  Цена сейчас: <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a><br />
  {% IF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
	Старая цена: <a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
  {% ENDIF %}
</p>

на
<p class="index-page-price-now-block">
  Цена сейчас: <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a><br />
  {% IF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
	Старая цена: <a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
  {% ENDIF %}
</p>

и дописав в main.csstemplate стили:
/* размер ссылки с ценой товара из списка */
.index-page-price-now-block a {font-size:11px;}

/* Цвет цены, отображаемой в цифрах */
.index-page-price-now-block .num {color:#000000}


#7 Bonna

Bonna

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

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

Отправлено 31 Январь 2011 - 10:14

Стыдно - вообще не могу найти такого текста в шаблоне html :( Может потому что я в нем уже что-то меняла?
Что касается хитов продаж там кажется только такой текст:
<!-- Список хитов продаж на главной -->
  {% IFNOT index_page_favorites_goods_empty %}
	<div class="pad-box">
	  <br /><h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Хиты продаж</a></h3>
	  <!-- Список товаров. Таблица -->
	  <table>
		<col width="33%" />
		<col width="33%" />
		<col width="33%" />
		{% FOR index_page_favorites_goods %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
			  <h3 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3>
			  <div class="goodsListItemPriceNew">
				<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>  
			  <div class="goodsListItemPriceOld">
				{% IF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
				  <a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>
			</div>
		  </td>
		  {index_page_favorites_goods.index | is_divided("3","</tr><tr>","")}
		{% ENDFOR index_page_favorites_goods %}
	  </table>
	</div>
  {% ENDIF %}	   
  <!-- end Список хитов продаж на главной -->


#8 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 31 Январь 2011 - 16:27

Для вашего кода можно просто дописать стили в файле main.csstemplate через редактор тем:
/* размер ссылки с ценой товара из списка */
.goodsListItemPriceNew a {font-size:11px;}

/* Цвет цены, отображаемой в цифрах */
.goodsListItemPriceNew .num {color:#000000}


#9 Bonna

Bonna

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

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

Отправлено 31 Январь 2011 - 19:23

Я вас замучила, простите мне мою настойчивость )

Вот что получилось:
Изображение

А хотелось бы вот это:
Изображение

#10 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 07 Февраль 2011 - 12:49

В пример выше мы указали цвет, чёрный, #000000 если его убрать то получится похоже... Для того чтобы появилась надпись цена сейчас, можно добавить её в блоке цены, изменив код с:
<div class="goodsListItemPriceNew">
  <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
</div> 

На:
<div class="goodsListItemPriceNew">
  Цена сейчас: <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
</div> 


#11 Eleganto

Eleganto

    Новичок

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

Отправлено 08 Февраль 2011 - 12:45

Подскажите пожалуйста в ряде вопросов:

1. При наведении на кнопки "корзина", "доставка" и проч кнопка меняет цвет на голубой- где мне сменить этот цвет- не нашла...или это какой-то графический файл?
2. Есть ли смысл мне сейчас заниматься сменой изайна, если я потом хочу сменить домен на прямой, перенесутся ли все мои настройки на новый адрес.
3. Фраза "в корзине товаров на:"- где сменить данные настройки, опять же связанные с изменением шрифта и его цвета
4. Разделительная полоска между основной страницей и меню слева: что это за файл и где можно сменить его цвет??

Заранее: Спасибо за помощь!!!
С уважением, Елена
страница: http://eleganto.storeland.ru/

#12 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 08 Февраль 2011 - 22:28

Здравствуйте, Елена!

Благодарим Вас за интерес к нашему сервису. Я постараюсь ответить на все ваши вопросы:

Просмотр сообщенияEleganto (08 Февраль 2011 - 12:45) писал:

1. При наведении на кнопки "корзина", "доставка" и проч кнопка меняет цвет на голубой- где мне сменить этот цвет- не нашла...или это какой-то графический файл?
Это файл tm_link_border.gif в редакторе тем ("Сайт" -> "Редактор тем" -> Блок "Файлы")

Просмотр сообщенияEleganto (08 Февраль 2011 - 12:45) писал:

2. Есть ли смысл мне сейчас заниматься сменой изайна, если я потом хочу сменить домен на прямой, перенесутся ли все мои настройки на новый адрес.
Да, конечно же есть. Все изменения перенесутся на новый домен. Изменится только адрес, шаблоны при изменении домена изменяться не будут.

Просмотр сообщенияEleganto (08 Февраль 2011 - 12:45) писал:

3. Фраза "в корзине товаров на:"- где сменить данные настройки, опять же связанные с изменением шрифта и его цвета
Данная фраза - это код в шаблоне "HTML" редактора тем:
	  <!-- Корзина -->
	  <div id="cartInfo">
		<a href="{CART_URL}">в корзине товаров на</a>:
		<span id="cartSum">
		  {% IF cart_count_empty %}
			<span>0</span> {CURRENCY_NAME}
		  {% ELSE %}
			{% FOR cart_sum %}
			  <span class="num">{cart_sum.NOW | money_format}</span><br />
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
	  </div>
	  <!-- end Корзина -->
Соответственно можете изменять и текст и отображение с помощью css стилей и просто изменяя этот код на нужный Вам.


Просмотр сообщенияEleganto (08 Февраль 2011 - 12:45) писал:

4. Разделительная полоска между основной страницей и меню слева: что это за файл и где можно сменить его цвет??
Это файл content-page-br.gif Его так же можно удалять/заменять через редактор тем, в блоке "Файлы"

#13 Eleganto

Eleganto

    Новичок

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

Отправлено 09 Февраль 2011 - 16:08

Спасибо огромное... проверю

#14 Eleganto

Eleganto

    Новичок

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

Отправлено 12 Февраль 2011 - 18:30

О шрифтах...

Скажите, если на компьютере покупателя (к примеру) не установлен шрифт, заданный в скрипте, могу ли я его загрузить в файлы и где именно прописать установки данной прихоти, ссылки. Желаемый скрипт у меня стоит...  Реально ли это?
в разработке выглядит так:
Снимок экрана 17.png
с другого компьютера не читается, автоматом все курсивные шрифты показываются Helvetika verdana  или чтото там еще.....

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

  • 111111.jpg


#15 Eleganto

Eleganto

    Новичок

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

Отправлено 12 Февраль 2011 - 18:55

Еще вопросы:
в поисковой ячейке: где поменять цвет шрифта суммы заказа
и не подскажите, что там у меня с фоном (на второй фото)

Спасибо за помощь
Жду резюме

#16 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 13 Февраль 2011 - 14:10

Просмотр сообщенияEleganto (12 Февраль 2011 - 18:30) писал:

О шрифтах...

Скажите, если на компьютере покупателя (к примеру) не установлен шрифт, заданный в скрипте, могу ли я его загрузить в файлы и где именно прописать установки данной прихоти, ссылки. Желаемый скрипт у меня стоит...  Реально ли это?
в разработке выглядит так:
Прикрепленный файл Снимок экрана 17.png
с другого компьютера не читается, автоматом все курсивные шрифты показываются Helvetika verdana  или чтото там еще.....
На главной нашего проекта мы используем похожий приём, мы подгружаем шрифт, через css и указываем его для нужных элементов. Код в нашем случае выглядит так.
Подгрузка шрифта:
@font-face {
  font-family: "for_header";
  src: url("http://storeland.ru/img/version20/Lucida_Sans_Unicode_Regular.ttf")
}

Стили элементов, на которые действует этот шрифт и что загружать если файл шрифта не загрузится:
h1, h2, h3, h4, h5, h6 {font-family: "for_header", Helvetica;}


#17 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 13 Февраль 2011 - 14:17

Просмотр сообщенияEleganto (12 Февраль 2011 - 18:55) писал:

в поисковой ячейке: где поменять цвет шрифта суммы заказа
Блок поиска выдаётся вот этим кодом:
	  <!-- Поиск -->
	  <div id="search">
		<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		  <div>
			<input type="text"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
			<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
			<div class="clr"></div>
		  </div>
		</form>
	  </div>
	  <div class="clr"></div>
	  <!-- end Поиск -->
в шаблоне "html".

На него действуют стили из main.csstemplate:
/*search*/
#search{
  height: 35px;
  float: right;
  padding-top: 45px;
  padding-right: 15px;
  width: 245px;
} #search .search_box  {
  background:none;
  border:none;
  font: 11px Verdana, Geneva, sans-serif;
  width: 200px;
  padding:0px;padding-left: 14px;
  padding-top: 8px;
  
}

#search .submit {
  cursor:pointer;
  height: 28px;
  width: 28px;
}
/*search*/
Собственно если требуется что-то подкрутить, то крутить надо либо в вышеуказанном коде шаблона "html", либо в стилях файла "main.csstemplate"

Просмотр сообщенияEleganto (12 Февраль 2011 - 18:55) писал:

и не подскажите, что там у меня с фоном (на второй фото)
В изображении header_page.png указан один фон, #c9adce а для тега body у Вас используется #D1A9D0 поэтому происходит перепад цвета.

#18 Bonna

Bonna

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

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

Отправлено 16 Февраль 2011 - 22:29

supportСпасибо Вам за терпение, все получилось :)
Т.е. на главной странице у новинок и прочего цены выглядит так:
Изображение
Подскажите, как поменять размер текста "Цена сейчас:" (немного уменьшить, до 14п)

#19 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 18 Февраль 2011 - 16:22

Для этого достаточно будет прописать для цены размер шрифта через атрибут style свойство font-size, примерно так:
style="font-size:14px;"

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

Лучшим решением было бы изменить код через "Сайт" > "Редактор тем" в файле "main.csstemplate" для стиля цены, просто добавив в самый конец этого файла вот такой код:
.goodsListItemPriceNew {font-size:14px}

Есть конечно же и второй более сложный вариант - прописать для цены размер шрифта через атрибут style свойство font-size, в шаблонах "html", "Товары", "Просмотр акции", "Поиск" примерно так для каждого блока выдачи цен:
style="font-size:14px;"

Добавив этот атрибут к выше указанному в теме коду из:
<div class="goodsListItemPriceNew">
  Цена сейчас: <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
</div> 
Получится:
<div class="goodsListItemPriceNew" style="font-size:14px;">
  Цена сейчас: <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
</div> 


#20 Bonna

Bonna

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

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

Отправлено 18 Февраль 2011 - 16:26

Получилось, спасибо! :)




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

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