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


Смена Дизайна Главной Страницы

дизайн комфорт

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

#1 karapuz

karapuz

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

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

Отправлено 03 Апрель 2016 - 13:34

Здравствуйте. Помогите внести изменения на главную страницу. Все отмечено на фото.

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

  • Безымянный1.jpg
  • Безымянный2.jpg


#2 RedHead

RedHead

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

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

Отправлено 03 Апрель 2016 - 13:49

Просмотр сообщенияkarapuz (03 Апрель 2016 - 13:34) писал:

Здравствуйте. Помогите внести изменения на главную страницу. Все отмечено на фото.

Здравствуйте. Укажите, пожалуйста, номер аккаунта, для которого требуется внести изменения. Для удобства, на будущее, впишите номер своего аккаунта в данные профиля, чтобы модераторы могли быстрее Вам помочь. Спасибо.

#3 karapuz

karapuz

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

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

Отправлено 03 Апрель 2016 - 13:53

Просмотр сообщенияRedHead (03 Апрель 2016 - 13:49) писал:

Здравствуйте. Укажите, пожалуйста, номер аккаунта, для которого требуется внести изменения. Для удобства, на будущее, впишите номер своего аккаунта в данные профиля, чтобы модераторы могли быстрее Вам помочь. Спасибо.

sl 381110

И еще:
1. Поменять иконки Новинка, Хит
2. Нет значка на товарах со скидками (тоже поставить свой значок)
3. И можно ли "На главной" переименовать на "Акции"? И сменить порядок 1. На главной (Акции), 2. Новинки, 3. Хиты

#4 karapuz

karapuz

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

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

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

Изменение футера.

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

  • Безымянный3.jpg


#5 RedHead

RedHead

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

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

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

Просмотр сообщенияkarapuz (03 Апрель 2016 - 14:25) писал:

Изменение футера.

В шаблоне html найдите строку:

<div class="fcback mainwidth">

после нее вставьте:

 <script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf8"></script>
<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,whatsapp"></div>


Чуть ниже найдите блок кода:

<div id="payment_services">
				<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
				<span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
				<span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
	  </div>

переместите его, вставив после строк:

<!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
	  </div>

Затем, в конец шаблона main.css вставьте:

.ya-share2, .ya-share2 * {
	float: left;
}

Затем, в этом же шаблоне найдите строку:

.mainwidth{width:960px;margin:0 auto;}
замените ее на:
.mainwidth{width:960px;margin:0 auto;	clear: both;}

Затем, найдите строку:

#payment_services{}
замените ее на:
#payment_services{clear: both;position: relative;	left: 19%;}

Затем, найдите строку:
#payment_services{clear:both;}
замените ее на:
#payment_services{clear:both;left: 10%;}

Затем, снова в шаблоне html перед строкой:
<div id="payment_services">
вставьте:
<div class="col2">
	   <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=comfort" title="" alt=""></a>
	 </div>

и в конец шаблона main.css вставьте:
.col2 {
	display: inline-block;
	vertical-align: top;
	width: 45%;
}
.col2 a {float: right;}


#6 karapuz

karapuz

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

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

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

Просмотр сообщенияRedHead (03 Апрель 2016 - 15:40) писал:

В шаблоне html найдите строку:

<div class="fcback mainwidth">

после нее вставьте:

<script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf8"></script>
<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,whatsapp"></div>


Чуть ниже найдите блок кода:

<div id="payment_services">
			 <span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
			 <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
			 <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
			 <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
			 <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
			 <span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
			 <span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
			 <span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
			 <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
			 <span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
	 </div>

переместите его, вставив после строк:

<!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
	 </div>

Затем, в конец шаблона main.css вставьте:

.ya-share2, .ya-share2 * {
float: left;
}

Затем, в этом же шаблоне найдите строку:

.mainwidth{width:960px;margin:0 auto;}
замените ее на:
.mainwidth{width:960px;margin:0 auto; clear: both;}

Затем, найдите строку:

#payment_services{}
замените ее на:
#payment_services{clear: both;position: relative; left: 19%;}

Затем, найдите строку:
#payment_services{clear:both;}
замените ее на:
#payment_services{clear:both;left: 10%;}

Затем, снова в шаблоне html перед строкой:
<div id="payment_services">
вставьте:
<div class="col2">
	 <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=comfort" title="" alt=""></a>
	 </div>

и в конец шаблона main.css вставьте:
.col2 {
display: inline-block;
vertical-align: top;
width: 45%;
}
.col2 a {float: right;}

Спасибо. Получилось. Только надо сделать поцентру футера подпись

Вот так


© 2016 «ЛЛЛЛЛЛЛЛЛЛЛЛ»  

ИП ППППППППППП
Все права защищены

Россия



#7 RedHead

RedHead

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

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

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

Просмотр сообщенияkarapuz (03 Апрель 2016 - 13:53) писал:

sl 381110

И еще:
1. Поменять иконки Новинка, Хит
2. Нет значка на товарах со скидками (тоже поставить свой значок)
3. И можно ли "На главной" переименовать на "Акции"? И сменить порядок 1. На главной (Акции), 2. Новинки, 3. Хиты

1) Новинки и хиты заданы с помощью кода. Скорее всего, если я правильно Вас понимаю, необходимо будет вставить свое изображение, вместо кружочков "новинка" и "хит". Тогда, в шаблоне html найдите строку:

<span class="sticker new">New</span>
замените ее, например, на:
<span class="sticker new"><img src="{ASSETS_IMAGES_PATH}chasi2.jpg" alt="" title="" /></span>
где chasi2.jpg замените на название нужного изображения (при необходимости нужно будет изменить размеры изображения)

затем, найдите строку:
<span class="sticker hit">Hit</span>
замените , например на:
<span class="sticker hit"><img src="{ASSETS_IMAGES_PATH}cart_circle.png" alt="" title="" /></span>

Получилось изображение внутри кружка. Если в обоих случаях кружки нужно убрать, откорректировать, в шаблоне main.css найдите и удалите строки:
.sticker.new {background-color: #3ec2df;color: #ffffff;opacity:0.8;}
.sticker.hit{background-color: #ff1c72;color: #ffffff;opacity:0.8;}

Либо, можете в этих строках изменить цвет кружочков.

3) В шаблоне html найдите строку:

<h2 class="indexh2">Товары на главной</h2>
замените ее на:
<h2 class="indexh2">Акции</h2>

Теперь, найдите в шаблоне html блок кода:

{% IFNOT index_page_goods_empty %}
					<div class="customNavigation">
					  <a class="btn prev3"><span class="icon-arrow-left2"></span></a>
					  <a class="btn next3"><span class="icon-arrow-right2"></span></a>													 
					</div> 
					<h2 class="indexh2">Акции</h2>
					<div id="owl-demo3" class="owl-carousel owl-theme">
					  {% FOR index_page_goods %}					
					   <div class="item">
						  <div class="mainnewitem proditem">
							 <div class="textc image goods-cat-image-medium-square mainpage"><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}"><img class="goods-cat-image-medium" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=comfort{% ELSE %}{index_page_goods.IMAGE_MEDIUM}{% ENDIF %}" alt=""></a>
							 <div class="actions">
											  <div class="add-to-links">
												<div class="lnk">
												  <!-- Если есть возможность добавить товар в избранное -->
												  {% IF index_page_goods.IS_HAS_IN_FAVORITES_LIST %}
													<a class="add-wishlist added btn-addto"
													  data-action-is-add="0"
													  data-action-add-url="{FAVORITES_ADD_URL}"
													  data-action-delete-url="{FAVORITES_DELETE_URL}"
													  data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное"
													  data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
													  title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
													  href="{FAVORITES_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
													><span class="icon-heart2"></span></a>
												  {% ELSE %}
													<a class="add-wishlist btn-addto"
													  data-action-is-add="1"
													  data-action-add-url="{FAVORITES_ADD_URL}"
													  data-action-delete-url="{FAVORITES_DELETE_URL}"
													  data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное"
													  data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
													  title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
													><span class="icon-heart2"></span></a>
												  {% ENDIF %}
												  <!-- END Если есть возможность добавить товар в избранное -->
												</div>
												<div class="lnk">
												  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
												  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
													{% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
													  <a class="add-compare added btn-addto"
														data-action-is-add="0"
														data-action-add-url="{COMPARE_ADD_URL}"
														data-action-delete-url="{COMPARE_DELETE_URL}"
														data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
														data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
														data-prodname="{index_page_goods.NAME}"
														data-produrl="{index_page_goods.URL}"
														data-id="{index_page_goods.ID}"
														data-mod-id="{index_page_goods.MIN_PRICE_NOW_ID}"
														title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
														href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
													  ><span class="icon-diamond"></span></a>
													{% ELSE %}
													  <a class="add-compare btn-addto"
														data-action-is-add="1"
														data-action-add-url="{COMPARE_ADD_URL}"
														data-action-delete-url="{COMPARE_DELETE_URL}"
														data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
														data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
														data-prodname="{index_page_goods.NAME}"
														data-produrl="{index_page_goods.URL}"
														data-id="{index_page_goods.ID}"
														data-mod-id="{index_page_goods.MIN_PRICE_NOW_ID}"
														title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
														href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
													  ><span class="icon-diamond"></span></a>
													{% ENDIF %}
												  {% ENDIF %}
												  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
												</div>
											  </div>
											</div>						  
							 </div>
							 <div class="new-name"><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_goods.NAME}</a></div>
							 <div class="ratings">
								<div class="rating-box" itemscope itemtype="http://schema.org/AggregateRating">
								{% IF index_page_goods.OPINION_RATING_VALUE %}
								  <meta itemprop="worstRating" content = "1">
								  <meta itemprop="bestRating" content = "10">
								  <meta itemprop="ratingValue" content = "{index_page_goods.OPINION_RATING_VALUE}">
								  <div class="rating" style="width:{index_page_goods.OPINION_RATING_VALUE}0%" alt="{index_page_goods.OPINION_RATING_VALUE}"></div>
								{%ELSE%}
								  <div class="rating" style="width:0%" alt="Рейтинг не определён"></div>
								{%ENDIF%}
								</div>							 
						  </div>
							 <div class="price">
								  <div class="price-new">{index_page_goods.MIN_PRICE_NOW | money_format}</div>
								  {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
									<div class="price-old">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</div>
								  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
									<div class="price-old">{index_page_goods.MIN_PRICE_OLD | money_format}</div>
								  {% ENDIF %}						   
							 </div>
							 <div class="addcartbutton">
									<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
									  <input type="hidden" name="hash" value="{HASH}" />
									  <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
									  <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />							  
									  {%IF index_page_goods.MIN_REST_VALUE > 0%}
									  <a class="addToCart" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a>
									  {%ELSE%}
									  <span class="noavalible">Товара нет в наличии</span>
									  {%ENDIF%}
									 <!--a class="add_to_cart_small" onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
									</form>
							</div><!--END addcartbutton-->
						  </div><!--END Proditem-->			  
						</div><!--END Item-->
					   {%ENDFOR%}<!--ENDFOR index_page_goods-->		
					</div><!--END owl-carousel-->
				  {%ENDIF%}<!-- END IFNOT index_page_goods_empty-->

переместите его, вставив после строк:

{%IF index_page%}
			<div class="mainwidth">

2) Если я правильно понимаю, стикер нужен на главной странице , к товарам категории "Акция"

В шаблоне html после строки:

<div class="new-name"><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_goods.NAME}</a></div>

вставьте:

<span class="sticker-wrapper top-left">
							<span class="sticker new"><img src="{ASSETS_IMAGES_PATH}loader.gif" alt="" title="" /></span>						 
						  </span>

замените название изображения на необходимое.

Просмотр сообщенияkarapuz (03 Апрель 2016 - 16:00) писал:

Спасибо. Получилось. Только надо сделать поцентру футера подпись

Вот так


© 2016 «ЛЛЛЛЛЛЛЛЛЛЛЛ»  

ИП ППППППППППП
Все права защищены

Россия


В самый конец шаблона main.css вставьте строки:

#powered {
	position: relative;
	margin: 0 auto;
	width: 245px;
	text-align: center;
}


#8 karapuz

karapuz

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

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

Отправлено 03 Апрель 2016 - 19:20

Просмотр сообщенияRedHead (03 Апрель 2016 - 16:15) писал:

1) Новинки и хиты заданы с помощью кода. Скорее всего, если я правильно Вас понимаю, необходимо будет вставить свое изображение, вместо кружочков "новинка" и "хит". Тогда, в шаблоне html найдите строку:

<span class="sticker new">New</span>
замените ее, например, на:
<span class="sticker new"><img src="{ASSETS_IMAGES_PATH}chasi2.jpg" alt="" title="" /></span>
где chasi2.jpg замените на название нужного изображения (при необходимости нужно будет изменить размеры изображения)

затем, найдите строку:
<span class="sticker hit">Hit</span>
замените , например на:
<span class="sticker hit"><img src="{ASSETS_IMAGES_PATH}cart_circle.png" alt="" title="" /></span>

Получилось изображение внутри кружка. Если в обоих случаях кружки нужно убрать, откорректировать, в шаблоне main.css найдите и удалите строки:
.sticker.new {background-color: #3ec2df;color: #ffffff;opacity:0.8;}
.sticker.hit{background-color: #ff1c72;color: #ffffff;opacity:0.8;}

Либо, можете в этих строках изменить цвет кружочков.

3) В шаблоне html найдите строку:

<h2 class="indexh2">Товары на главной</h2>
замените ее на:
<h2 class="indexh2">Акции</h2>

Теперь, найдите в шаблоне html блок кода:

{% IFNOT index_page_goods_empty %}
				 <div class="customNavigation">
					 <a class="btn prev3"><span class="icon-arrow-left2"></span></a>
					 <a class="btn next3"><span class="icon-arrow-right2"></span></a>													
				 </div>
				 <h2 class="indexh2">Акции</h2>
				 <div id="owl-demo3" class="owl-carousel owl-theme">
					 {% FOR index_page_goods %}					
					 <div class="item">
						 <div class="mainnewitem proditem">
							 <div class="textc image goods-cat-image-medium-square mainpage"><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}"><img class="goods-cat-image-medium" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=comfort{% ELSE %}{index_page_goods.IMAGE_MEDIUM}{% ENDIF %}" alt=""></a>
							 <div class="actions">
											 <div class="add-to-links">
											 <div class="lnk">
												 <!-- Если есть возможность добавить товар в избранное -->
												 {% IF index_page_goods.IS_HAS_IN_FAVORITES_LIST %}
												 <a class="add-wishlist added btn-addto"
													 data-action-is-add="0"
													 data-action-add-url="{FAVORITES_ADD_URL}"
													 data-action-delete-url="{FAVORITES_DELETE_URL}"
													 data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное"
													 data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
													 title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
													 href="{FAVORITES_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
												 ><span class="icon-heart2"></span></a>
												 {% ELSE %}
												 <a class="add-wishlist btn-addto"
													 data-action-is-add="1"
													 data-action-add-url="{FAVORITES_ADD_URL}"
													 data-action-delete-url="{FAVORITES_DELETE_URL}"
													 data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное"
													 data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
													 title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
												 ><span class="icon-heart2"></span></a>
												 {% ENDIF %}
												 <!-- END Если есть возможность добавить товар в избранное -->
											 </div>
											 <div class="lnk">
												 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
												 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
												 {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
													 <a class="add-compare added btn-addto"
													 data-action-is-add="0"
													 data-action-add-url="{COMPARE_ADD_URL}"
													 data-action-delete-url="{COMPARE_DELETE_URL}"
													 data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
													 data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
													 data-prodname="{index_page_goods.NAME}"
													 data-produrl="{index_page_goods.URL}"
													 data-id="{index_page_goods.ID}"
													 data-mod-id="{index_page_goods.MIN_PRICE_NOW_ID}"
													 title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
													 href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
													 ><span class="icon-diamond"></span></a>
												 {% ELSE %}
													 <a class="add-compare btn-addto"
													 data-action-is-add="1"
													 data-action-add-url="{COMPARE_ADD_URL}"
													 data-action-delete-url="{COMPARE_DELETE_URL}"
													 data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
													 data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
													 data-prodname="{index_page_goods.NAME}"
													 data-produrl="{index_page_goods.URL}"
													 data-id="{index_page_goods.ID}"
													 data-mod-id="{index_page_goods.MIN_PRICE_NOW_ID}"
													 title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
													 href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
													 ><span class="icon-diamond"></span></a>
												 {% ENDIF %}
												 {% ENDIF %}
												 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
											 </div>
											 </div>
										 </div>						
							 </div>
							 <div class="new-name"><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_goods.NAME}</a></div>
							 <div class="ratings">
							 <div class="rating-box" itemscope itemtype="http://schema.org/AggregateRating">
							 {% IF index_page_goods.OPINION_RATING_VALUE %}
								 <meta itemprop="worstRating" content = "1">
								 <meta itemprop="bestRating" content = "10">
								 <meta itemprop="ratingValue" content = "{index_page_goods.OPINION_RATING_VALUE}">
								 <div class="rating" style="width:{index_page_goods.OPINION_RATING_VALUE}0%" alt="{index_page_goods.OPINION_RATING_VALUE}"></div>
							 {%ELSE%}
								 <div class="rating" style="width:0%" alt="Рейтинг не определён"></div>
							 {%ENDIF%}
							 </div>							
						 </div>
							 <div class="price">
								 <div class="price-new">{index_page_goods.MIN_PRICE_NOW | money_format}</div>
								 {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
								 <div class="price-old">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</div>
								 {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
								 <div class="price-old">{index_page_goods.MIN_PRICE_OLD | money_format}</div>
								 {% ENDIF %}						
							 </div>
							 <div class="addcartbutton">
								 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
									 <input type="hidden" name="hash" value="{HASH}" />
									 <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
									 <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />							
									 {%IF index_page_goods.MIN_REST_VALUE > 0%}
									 <a class="addToCart" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a>
									 {%ELSE%}
									 <span class="noavalible">Товара нет в наличии</span>
									 {%ENDIF%}
									 <!--a class="add_to_cart_small" onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
								 </form>
						 </div><!--END addcartbutton-->
						 </div><!--END Proditem-->			
					 </div><!--END Item-->
					 {%ENDFOR%}<!--ENDFOR index_page_goods-->		
				 </div><!--END owl-carousel-->
				 {%ENDIF%}<!-- END IFNOT index_page_goods_empty-->

переместите его, вставив после строк:

{%IF index_page%}
		 <div class="mainwidth">

2) Если я правильно понимаю, стикер нужен на главной странице , к товарам категории "Акция"

В шаблоне html после строки:

<div class="new-name"><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_goods.NAME}</a></div>

вставьте:

<span class="sticker-wrapper top-left">
						 <span class="sticker new"><img src="{ASSETS_IMAGES_PATH}loader.gif" alt="" title="" /></span>						
						 </span>

замените название изображения на необходимое.



В самый конец шаблона main.css вставьте строки:

#powered {
position: relative;
margin: 0 auto;
width: 245px;
text-align: center;
}

Спасибочки. Но ярлычки скидка почему то добавились на новинки(((

#9 RedHead

RedHead

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

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

Отправлено 03 Апрель 2016 - 19:51

Просмотр сообщенияkarapuz (03 Апрель 2016 - 13:34) писал:

Здравствуйте. Помогите внести изменения на главную страницу. Все отмечено на фото.

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

В шаблоне html найдите блок кода:

<!-- Главная страница -->
	 {% IF index_page %}
		 <div id="module_area">
		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=comfort) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide1.png?design=comfort" alt="Slide 1" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=comfort) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide2.png?design=comfort" alt="Slide 2" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=comfort) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png?design=comfort" alt="Slide 3" class="slide_img">
			 </li>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->
	 {%IF index_page%}
	 <div class="mainwidth forbanners">
	 <div class="banners ">		
		 <div class="banner">
		 <a href="http://karapuzmag.storeland.ru/catalog/"><img src="{ASSETS_IMAGES_PATH}chasi2.jpg" alt="" /></span>
		 <h3 class="bannerheader">Прием заказов 24/7</h3>
		 <div class="bannermessage">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
		 </div>
		 <div class="banner">
		 <a href="http://karapuzmag.storeland.ru/user/register"><img src="{ASSETS_IMAGES_PATH}skidreg.jpg" alt="" /></span>
		 <h3 class="bannerheader">Дарим скидку 2 %</h3>
		 <div class="bannermessage">Просто зарегистрируйтесь и она ваша!</div>
		 </div>
		 <div class="banner third">
		 <a href="http://karapuzmag.storeland.ru/page/Доставка"><img src="{ASSETS_IMAGES_PATH}mashinka2.jpg" alt="" /></span>
		 <h3 class="bannerheader">Доставка</h3>
		 <div class="bannermessage">По всей России!!</div>
		 </div>
	 </div>
	 </div>
	 {%ENDIF%}

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

{% IF index_page %}
<div class="mainwidth1">
<div class="leftbars {%IF MOD_LNAME == cart%}dnone{%ENDIF%}">
{%IFNOT catalog_full_empty%}
<div class="catwrp">
<div class="catalogheader"><a href="{CATALOG_URL}">Каталог</a></div>
<div class="togglecat">
<div class="accordionwrp">
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="lvl-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}" class="accAnchor {% IF catalog_full.CURRENT %}selected{% ENDIF %}">{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
</div>
</div>
</div>
{%ENDIF%}
<div class="box recent">
<div class="recentH"><a href="{CART_URL}">Корзина</a></div>
<div class="cart-left">
<a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> Корзина &nbsp; <span class="cart-count">
<span id="cart-total">{% IF cart_count_empty %}<span class="red">0</span>{% ELSE %}{CART_COUNT_TOTAL}{% ENDIF %}</span></span>&nbsp;</br></br>
Итого: {% FOR cart_sum %}
{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
{% ENDFOR %}</a>
<div class="bottom-cart-left"><a href="{CART_URL}">Оформить заказ</a></div>
</div>
</div>
</div>
</div>
<div class="adaptres1">
<!-- Главная страница -->
<div id="module_area">
<div id="flexslideshow" class="flexslider">
<ul class="slides">
<li>
<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=comfort) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide1.png?design=comfort" alt="Slide 1" class="slide_img">
</li>
<li>
<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=comfort) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide2.png?design=comfort" alt="Slide 2" class="slide_img">
</li>
<li>
<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=comfort) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide3.png?design=comfort" alt="Slide 3" class="slide_img">
</li>
</ul>
</div>
</div>
{% ENDIF %}
<!-- /Главная страница -->
{%IF index_page%}
<div class="mainwidth forbanners">
<div class="banners ">
<div class="banner">
<a href="http://karapuzmag.storeland.ru/catalog/"><img src="{ASSETS_IMAGES_PATH}chasi2.jpg" alt="" /></span>
<h3 class="bannerheader">Прием заказов 24/7</h3>
<div class="bannermessage">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
</div>
<div class="banner">
<a href="http://karapuzmag.storeland.ru/user/register"><img src="{ASSETS_IMAGES_PATH}skidreg.jpg" alt="" /></span>
<h3 class="bannerheader">Дарим скидку 2 %</h3>
<div class="bannermessage">Просто зарегистрируйтесь и она ваша!</div>
</div>
<div class="banner third">
<a href="http://karapuzmag.storeland.ru/page/Доставка"><img src="{ASSETS_IMAGES_PATH}mashinka2.jpg" alt="" /></span>
<h3 class="bannerheader">Доставка</h3>
<div class="bannermessage">По всей России!!</div>
</div>
</div>
</div>
{%ENDIF%}
</div>
</div>

Затем, в конец шаблоне main.css вставьте строки:

.adaptres1 {
width: 745px;
float: left;
margin-left: 12px;
}
.mainwidth1 {
width: 960px;
margin: 0 auto;
clear: both;
margin-top: 20px;
}

.cart-left {
background: #FCFCFC;
padding: 10px;
margin-top: 10px;
}

.cart-left a span.cart-count, .cart-left a span.compare-count {
background: rgba(255, 255, 255, 255);
padding: 3px 7px;
border-radius: 2px;
font-size: 14px;
font-weight: normal;
color: #003c54;
border: 1px solid gray;
}

.bottom-cart-left a {
background-color:#006080;
margin: 0 auto;
cursor: pointer;
height: 30px;
display: block;
line-height: 30px;
text-align: center;
color:#e7f6fd;
margin-top: 8px;
}

затем найдите строки:

.forbanners{margin:20px auto;}
.banner{display:inline-block;width:33%;vertical-align:top;}

замените их на:

.forbanners{margin:20px auto;width: 745px;}
.banner{display:inline-block;width:32%;vertical-align:top;}

Должно получиться так:

1.jpg

Просмотр сообщенияkarapuz (03 Апрель 2016 - 19:20) писал:

Спасибочки. Но ярлычки скидка почему то добавились на новинки(((

Уточните, пожалуйста, что не получилось. Так как сейчас товары на главной (Акция) не отображаются на Вашем сайте.

#10 karapuz

karapuz

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

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

Отправлено 03 Апрель 2016 - 22:01

Просмотр сообщенияRedHead (03 Апрель 2016 - 19:51) писал:

Уточните, пожалуйста, что не получилось. Так как сейчас товары на главной (Акция) не отображаются на Вашем сайте.


ВСЕ ОК! Исправила! Сейчас новые вопросы напишу)

#11 karapuz

karapuz

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

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

Отправлено 04 Апрель 2016 - 00:03

Нужно выровнять баннеры под слайдером

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

  • Безымянный4-1.jpg


#12 Юля123

Юля123

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

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

Отправлено 04 Апрель 2016 - 09:48

Просмотр сообщенияkarapuz (04 Апрель 2016 - 00:03) писал:

Нужно выровнять баннеры под слайдером

Здравствуйте, в main,css найдите код:

.banner{display:inline-block;width:33%;vertical-align:top;}
.banner span{width:40px;height:40px;display:inline-block;border-radius:2px;background:#ff1c72;color:white;font-size:40px;}
.bannerheader {display: inline-block;margin-left: 5px;font-size: 23px;}

и замените на код:

.banner{display:inline-block;width:33%;vertical-align:top;text-align: center;}
.banner span{width:40px;height:40px;display:inline-block;border-radius:2px;background:#ff1c72;color:white;font-size:40px;}
.bannerheader {display:block;margin-left: 5px;font-size: 23px;}


#13 karapuz

karapuz

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

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

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

После внесение изменений вот это!!!

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

  • 222.jpg


#14 Юля123

Юля123

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

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

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

Просмотр сообщенияkarapuz (04 Апрель 2016 - 15:18) писал:

После внесение изменений вот это!!!

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

				   <h2 class="indexh2">Товары со скидкой</h2> 

и замените на код:

				   {% IF index_page %} <h2 class="indexh2">Товары со скидкой</h2> {% ENDIF %}


#15 karapuz

karapuz

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

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

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

Просмотр сообщенияЮля123 (04 Апрель 2016 - 15:44) писал:

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

<h2 class="indexh2">Товары со скидкой</h2>

и замените на код:

				 {% IF index_page %} <h2 class="indexh2">Товары со скидкой</h2> {% ENDIF %}

Спасибо. Да это после внесения изменений в структуру сайта. Сделала убрался только текст, а вот это осталось

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

  • 333.png


#16 Юля123

Юля123

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

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

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

Просмотр сообщенияkarapuz (04 Апрель 2016 - 16:23) писал:

Спасибо. Да это после внесения изменений в структуру сайта. Сделала убрался только текст, а вот это осталось

Давайте тогда иначе, перед кодом:

		  {% IFNOT index_page_goods_empty %}
					<div class="customNavigation">

добавьте код:

{% IF index_page %}

после кода:

{%ENDIF%}<!-- END IFNOT index_page_goods_empty-->

добавьте код:
{% ENDIF %}

а код:

{% IF index_page %} <h2 class="indexh2">Товары со скидкой</h2> {% ENDIF %}

обратно замените на код:
<h2 class="indexh2">Товары со скидкой</h2>


#17 karapuz

karapuz

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

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

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

Просмотр сообщенияЮля123 (04 Апрель 2016 - 16:34) писал:

Давайте тогда иначе, перед кодом:

{% IFNOT index_page_goods_empty %}
<div class="customNavigation">

добавьте код:

{% IF index_page %}

после кода:

{%ENDIF%}<!-- END IFNOT index_page_goods_empty-->

добавьте код:
{% ENDIF %}

а код:

{% IF index_page %} <h2 class="indexh2">Товары со скидкой</h2> {% ENDIF %}

обратно замените на код:
<h2 class="indexh2">Товары со скидкой</h2>

Все убралось. Спасибо.

#18 karapuz

karapuz

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

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

Отправлено 04 Апрель 2016 - 18:28

Как поменять белый фон сайта на картинку в этом шаблоне?

#19 Firefly

Firefly

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

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

Отправлено 04 Апрель 2016 - 18:44

Просмотр сообщенияkarapuz (04 Апрель 2016 - 18:28) писал:

Как поменять белый фон сайта на картинку в этом шаблоне?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
body{font-family: 'Arimo', sans-serif;font-size:90%;}

Замените на:
body{font-family: 'Arimo', sans-serif;font-size:90%;background: url('ссылка на изображение') no-repeat fixed; background-position: center;}

Далее укажите ссылку на изображение.

#20 karapuz

karapuz

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

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

Отправлено 06 Апрель 2016 - 12:40

1. Поднять под баннер "Заказ, Доставка, Скидка"  "Товары со скидкой", сделать по 3 шт
2. Слева вставить таймер обратного отсчета между корзиной и каталогом

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

  • Безымянный6.jpg





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

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