Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Поменять Шрифты: Карусель, Недавно Просмотр, Главное Меню

Автор ooosik, 07 июня 2014 13:59

шрифт карусель меню

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 25

#1 ooosik

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

Пользователи
113 сообщений

Отправлено 07 Июнь 2014 - 13:59

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

2. недавно просмотренные товары (само название и наименований товаров под превью)
3. в карточке товара поменять следующие шрифты: количество, размер, артикул, путь страницы, цену товара

4.с этими товарами смотрят
5. при отображении категорий каталога наименования категорий

Наверх

#2 Dars

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

Пользователи
1 410 сообщений

Отправлено 07 Июнь 2014 - 14:33

ooosik (07 Июнь 2014 - 13:59) писал:

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

главная.jpg
2. недавно просмотренные товары (само название и наименований товаров под превью)
3. в карточке товара поменять следующие шрифты: количество, размер, артикул, путь страницы, цену товара Прикрепленный файл

карточка товара.jpg
4.с этими товарами смотрят
5. при отображении категорий каталога наименования категорий Прикрепленный файл

каталог.jpg

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

.rte h2 {font-family: Courier;}
.rte .htmlDataBlock {font-family: Courier;}
.product_details a {font-family: Courier;}
.price {font-family: Courier;}
.title_block {font-family: Courier;}
#recently_viewed a {font-family: Courier;}
.qty-label {font-family: Courier;}
.attribute_label {font-family: Courier;}
.breadcrumb {font-family: Courier;}
.goodsDataMainModificationPriceNow {font-family: Courier;}
.special_products {font-family: Courier;}
.category-title {font-family: Courier;}
.product_list_details_left {font-family: Courier;}

Наверх

#3 ooosik

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

Пользователи
113 сообщений

Отправлено 10 Июнь 2014 - 08:31

Добрый день, подскажите в каком месте поменять размер и цвет шрифта:
1. на главной под названием главной страницы, скрин прилагается

2. недавно просмотренные товары (саму надпись) и наименования товаров под превьюшками

напишите отдельно какой код увеличивает размер шрифта

Наверх

#4 Ирина345

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

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

Отправлено 10 Июнь 2014 - 13:26

ooosik (10 Июнь 2014 - 08:31) писал:

Добрый день, подскажите в каком месте поменять размер и цвет шрифта:
1. на главной под названием главной страницы, скрин прилагается Прикрепленный файл

размер шрифт.jpg
2. недавно просмотренные товары (саму надпись) и наименования товаров под превьюшками

напишите отдельно какой код увеличивает размер шрифта

Здравствуйте,
1. Что бы поменять цвет и размер зайдите в сайт- страницы- выберите нужную нам страницу( главную)-нажмите кнопку-Источник и Вам откроется поле с кодом

<span style="font-size:12px;"><span style="color:#FFA07A;"><strong>Работаем с организациями за наличный и безналичный расчет, условия сотрудничества и оптовые цены узнавайте у менеджера компании.</strong></span></span>

за цвет отвечает значение color:#FFA07A; за размер font-size:12px
2 В редакторе шаблонов HTML находим
для надписи Недавно...
находим

<h4 class="title_block">Недавно просмотренные товары</h4>

замените на

<h4 class="title_block" style="color:#FFA07A;font-size:12px;">Недавно просмотренные товары</h4>

для Наименования...

<p><a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a><br />

заменяем на

<p><a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" style="color:#FFA07A;font-size:12px;">{recently_viewed_goods.NAME}</a><br />

Наверх

#5 ooosik

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

Пользователи
113 сообщений

Отправлено 10 Июнь 2014 - 17:39

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

Наверх

#6 lew

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

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

Отправлено 10 Июнь 2014 - 19:57

Уточняющий вопрос. А от сюда (см картинку) нужно убрать блок недавно просмотренные товары?

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

Наверх

#7 ooosik

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

Пользователи
113 сообщений

Отправлено 11 Июнь 2014 - 10:32

lew (10 Июнь 2014 - 19:57) писал:

Уточняющий вопрос. А от сюда (см картинку) нужно убрать блок недавно просмотренные товары?

Да, с этого места нужно убрать и переместить на место избранных

Наверх

#8 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 11 Июнь 2014 - 11:39

ooosik (11 Июнь 2014 - 10:32) писал:

Да, с этого места нужно убрать и переместить на место избранных

Здравствуйте, уточните пожалуйста, на каких страницах должен отображаться данный блок?

В шаблоне HTML после


Добавить:

<!-- Недавно просмотренные товары товаров на главной -->
			{% IFNOT recently_viewed_goods_empty %}
			  <div class="autumnshowcase_block group featured_products  ">
						<div class="title_block group">
	  						<h4>Недавно просмотренные товары</h4>
	  						<div class="carousel_controls"> 
	  							<a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a> 
	  							<a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
	  						</div>
	  					</div>
	  					<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">
	  						<ul>
					{% FOR recently_viewed_goods %}
									<li class="ajax_block_product item">
										<a class="image_link" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»"> 
											<img class="product_image" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}">
										</a>
										<div class="product_details">
											<h5><a title="Перейти на страницу «{recently_viewed_goods.NAME}»" href="{recently_viewed_goods.URL}">{recently_viewed_goods.NAME}</a></h5>
											<div class="price_container"> 
							<span class="price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
							{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
							  <span class="old-price">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> 
							{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
							  <span class="old-price">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span> 
							{% ENDIF %}  
						  </div>
		  							</div> 
									</li>
					{% ENDFOR index_page_favorites_goods %}
	  						</ul>
	  					</div>
	  				</div>
			{% ENDIF %}
			<!-- /Недавно просмотренные товары на главной -->

Наверх

#9 ooosik

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

Пользователи
113 сообщений

Отправлено 11 Июнь 2014 - 13:47

Castiel (11 Июнь 2014 - 11:39) писал:

Здравствуйте, уточните пожалуйста, на каких страницах должен отображаться данный блок?

В шаблоне HTML после


Добавить:

<!-- Недавно просмотренные товары товаров на главной -->
{% IFNOT recently_viewed_goods_empty %}
<div class="autumnshowcase_block group featured_products ">
				<div class="title_block group">
						<h4>Недавно просмотренные товары</h4>
						<div class="carousel_controls">
							<a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
							<a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
						</div>
					</div>
					<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">
						<ul>
{% FOR recently_viewed_goods %}
							<li class="ajax_block_product item">
								<a class="image_link" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»">
									<img class="product_image" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}">
								</a>
								<div class="product_details">
									<h5><a title="Перейти на страницу «{recently_viewed_goods.NAME}»" href="{recently_viewed_goods.URL}">{recently_viewed_goods.NAME}</a></h5>
									<div class="price_container">
<span class="price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
<span class="old-price">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
<span class="old-price">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span>
{% ENDIF %}
</div>
							</div>
							</li>
{% ENDFOR index_page_favorites_goods %}
						</ul>
					</div>
				</div>
{% ENDIF %}
<!-- /Недавно просмотренные товары на главной -->

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

Наверх

#10 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 11 Июнь 2014 - 13:51

ooosik (11 Июнь 2014 - 13:47) писал:

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

В шаблоне "HTML" на 303 строке находим
Находим:

<div class="autumnshowcase_block group featured_products  ">

Заменяем на:

<div class="autumnshowcase_block group featured_products" style="display:none;">

Далее выполните инструкцию из сообщения выше.

Наверх

#11 ooosik

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

Пользователи
113 сообщений

Отправлено 11 Июнь 2014 - 16:26

Castiel (11 Июнь 2014 - 13:51) писал:

В шаблоне "HTML" на 303 строке находим
Находим:

<div class="autumnshowcase_block group featured_products ">

Заменяем на:

<div class="autumnshowcase_block group featured_products" style="display:none;">

Далее выполните инструкцию из сообщения выше.

Спасибо, на новое место встала, с прежнего места не удалилась

Наверх

#12 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 11 Июнь 2014 - 16:28

ooosik (11 Июнь 2014 - 16:26) писал:

Спасибо, на новое место встала, с прежнего места не удалилась

В шаблоне "HTML"
Находим:

<!-- Недавно просмотренные товары -->
		{% IFNOT recently_viewed_goods_empty %}
								 {% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}
		  <div id="recently_viewed">
			<h4 class="title_block" style="color:#FFA07A;font-size:12px;">Недавно просмотренные товары</h4>

Заменяем на:

<!-- Недавно просмотренные товары -->
		{% IFNOT recently_viewed_goods_empty %}
								 {% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}
		  <div id="recently_viewed" style="display:none;">
			<h4 class="title_block" style="color:#FFA07A;font-size:12px;">Недавно просмотренные товары</h4>

Наверх

#13 ooosik

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

Пользователи
113 сообщений

Отправлено 11 Июнь 2014 - 16:35

Castiel (11 Июнь 2014 - 16:28) писал:

В шаблоне "HTML"
Находим:

<!-- Недавно просмотренные товары -->
{% IFNOT recently_viewed_goods_empty %}
{% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}
<div id="recently_viewed">
<h4 class="title_block" style="color:#FFA07A;font-size:12px;">Недавно просмотренные товары</h4>

Заменяем на:

<!-- Недавно просмотренные товары -->
{% IFNOT recently_viewed_goods_empty %}
{% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}
<div id="recently_viewed" style="display:none;">
<h4 class="title_block" style="color:#FFA07A;font-size:12px;">Недавно просмотренные товары</h4>

Спасибо, все получилось!!!

Наверх

#14 ooosik

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

Пользователи
113 сообщений

Отправлено 26 Июнь 2014 - 14:34

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

Наверх

#15 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 26 Июнь 2014 - 15:28

ooosik (26 Июнь 2014 - 14:34) писал:

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

поменять шрифт.jpg

Здравствуйте,

Стили для артикула
В файле "style.css".
Найти:

#product_reference {
display: block;
clear: both;
padding: 10px 0;
}

Заменить на

#product_reference {
display: block;
clear: both;
padding: 10px 0;
color: #fff;
}

В файле "main.css".
Найти:

#loyalty {
border: none;
background: url('{ASSETS_IMAGES_PATH}info.png') no-repeat 0 50%;
margin: 20px 0 0 0;
padding: 0 0 0 30px;
color: #666666;
font-size: 11px;
min-height: 20px;
}

Заменить:

#loyalty {
border: none;
background: url('{ASSETS_IMAGES_PATH}info.png') no-repeat 0 50%;
margin: 20px 0 0 0;
padding: 0 0 0 30px;
color: #FFF;
font-size: 11px;
min-height: 20px;
}

Наверх

#16 ooosik

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

Пользователи
113 сообщений

Отправлено 26 Июнь 2014 - 16:34

Castiel (26 Июнь 2014 - 15:28) писал:

Здравствуйте,

Стили для артикула
В файле "style.css".
Найти:

#product_reference {
display: block;
clear: both;
padding: 10px 0;
}

Заменить на

#product_reference {
display: block;
clear: both;
padding: 10px 0;
color: #fff;
}

В файле "main.css".
Найти:

#loyalty {
border: none;
background: url('{ASSETS_IMAGES_PATH}info.png') no-repeat 0 50%;
margin: 20px 0 0 0;
padding: 0 0 0 30px;
color: #666666;
font-size: 11px;
min-height: 20px;
}

Заменить:

#loyalty {
border: none;
background: url('{ASSETS_IMAGES_PATH}info.png') no-repeat 0 50%;
margin: 20px 0 0 0;
padding: 0 0 0 30px;
color: #FFF;
font-size: 11px;
min-height: 20px;
}

Спасибо большое, получилось,
Еще вопрос, сразу не увидела помогите еще в этом месте нужно поменять шрифт в сопутствующих товарах

Наверх

#17 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 26 Июнь 2014 - 16:44

ooosik (26 Июнь 2014 - 16:34) писал:

Спасибо большое, получилось,
Еще вопрос, сразу не увидела помогите еще в этом месте нужно поменять шрифт в сопутствующих товарах Прикрепленный файл

сопутст товары.jpg

В конец файла "style.css".
Добавить код:

.product_name.flex-caption a {
color: #fff;
}

В конец файла "style.css".
Добавить код:

.rating {color: #fff;}

Наверх

#18 ooosik

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

Пользователи
113 сообщений

Отправлено 26 Июнь 2014 - 17:10

Castiel (26 Июнь 2014 - 16:44) писал:

В конец файла "style.css".
Добавить код:

.product_name.flex-caption a {
color: #fff;
}

В конец файла "style.css".
Добавить код:

.rating {color: #fff;}

Спасибо Вам огромное, в одном месте поменялся цвет в другом нет (оставить отзыв первым), как его кстати и на главной сделать белым цветом?

Наверх

#19 Ирина345

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

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

Отправлено 26 Июнь 2014 - 17:24

ooosik (26 Июнь 2014 - 17:10) писал:

Спасибо Вам огромное, в одном месте поменялся цвет в другом нет (оставить отзыв первым), как его кстати и на главной сделать белым цветом? Прикрепленный файл

сопутст товары.jpg

Здравствуйте добавьте в конец файла style.css