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


Товары На Главной Убрать Карусель, Сделать Таблицей И Др.

Автор agentteam, 21 авг. 2015 20:57

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

#1 agentteam

agentteam

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

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

Отправлено 21 Август 2015 - 20:57

Подскажите, как сделать чтобы

1. Товары на главной странице в разделе "товары на главной" отображались бы не каруселью, как по умолчанию, а обычной таблицей товаров. И чтобы не было ограничения на 10 товаров в этом блоке.

2. Как сделать чтобы каталог- меню справа всегда был раскрытым списком и плюс-минус соответственно убрать значки

3. Как показывать кол-во товара в наличии на странице товара? рядом с надписью "товар есть в наличии" ?

4. Как показывать наличие товара в карточке товара на странице категорий, и на главной. Перед кнопкой "быстрый заказ".

#2 Vaccina

Vaccina

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

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

Отправлено 22 Август 2015 - 02:45

1. В шаблоне HTML найдите:
<!-- Список товаров на главной -->
			{% IFNOT index_page_goods_empty %}
			  <div class="autumnshowcase_block group special_procducts">
		  <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 index_page_goods %}
					<li class="ajax_block_product item">
					  <a class="image_link" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}">
						<img class="product_image" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=autumn{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}">
					  </a>
					  <div class="product_details">
						<h5><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_goods.NAME}</a></h5>
						<div class="price_container">
						  <span class="price">{index_page_goods.MIN_PRICE_NOW | money_format}</span>
						  {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
							<span class="old-price">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							<span class="old-price">{index_page_goods.MIN_PRICE_OLD | money_format}</span>
						  {% ENDIF %} 
						</div>
					  </div>
					  <div class="rating" style="display:none;">
						<!-- Среднее значение по результатам всех отзывов об этом товаре -->
						{% IF index_page_goods.OPINION_RATING_VALUE %}
						  <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
						{% ENDIF %}
					   
						{% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %}
						  <a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a>
						{% ELSE %}
						  <a href="{index_page_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
						{% ENDIF %}
					  </div>
					  <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}" />
						<!--a class="exclusive" href="" onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a-->
						<a class="exclusive" href="#" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
					  </form>  
					</li>
				  {% ENDFOR index_page_goods %}
		  </ul>
		 </div>
		</div>
			{% ENDIF %}
			<!-- /Список товаров на главной -->

замените на:
<!-- Список товаров на главной -->
			{% IFNOT index_page_goods_empty %}
   <div class="grid_view" id="category_view_type">
   <div class="group" id="product_list_wrapper">
			  <div class="special_procducts">
		  <div class="title_block group">
		  <h4>Популярные рюкзаки:</h4>
		 </div>
		 <ul class="grid" id="product_list">
				{% FOR index_page_goods %}{% IF index_page_goods.index>10 %}{break}{% ENDIF%}
				  <li class="elem">
					<div> 
					  <div class="product_image_wrapper">
						<a href="{index_page_goods.URL | url_amp}" title="{index_page_goods.NAME}"  class="product_img_link">
						  <img class="product_image" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=autumn{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" />
						</a>
					  </div>
 
					  <div class="product_list_details">
						<div class="product_list_details_left">
						  <h5><a href="{index_page_goods.URL | url_amp}" title="{index_page_goods.NAME}">{index_page_goods.NAME}</a></h5>
						  <div class="price_container">
							<span class="price">{index_page_goods.MIN_PRICE_NOW | money_format}</span>
							{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
							  <span class="old-price">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
							{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							  <span class="old-price">{index_page_goods.MIN_PRICE_OLD | money_format}</span>
							{% ENDIF %}
						  </div>
						 
						  <div class="product_list_add_to_cart">
							<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}" />
							  <!--a class="ajax_add_to_cart_button add_to_cart_ph" onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
							  <a class="ajax_add_to_cart_button add_to_cart_ph" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
							</form>
						  </div>
						 
						 
						</div>
					  </div>
					</div>
				  </li>
				{% ENDFOR %}
			  </ul>
	 </div></div></div>
			{% ENDIF %}
			<!-- /Список товаров на главной -->

2.В шаблоне HTML найдите:
<!-- Каталог товаров -->
			{%IFNOT catalog_full_empty%}
			  {%FOR catalog_full%}
				{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				<li  {% IF catalog_full.HIDE %}style="" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
				  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="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%}
			{%ENDIF%}
			<!-- /Каталог товаров -->
замените на:
<!-- Каталог товаров -->
			{%IFNOT catalog_full_empty%}
			  {%FOR catalog_full%}
				{% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %}
				<li  {% IF catalog_full.HIDE %}style="" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
				  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="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%}
			{%ENDIF%}
			<!-- /Каталог товаров -->

В style.css после:
.accordion ul a, .accordion_main ul a {font-size:11px; padding:8px 10px 8px 10px;}
.accordion_main ul li {margin-left: -10px;line-height: 25px;display: block;width: 100%;border-bottom: solid 1px #ccc;}
.accordion ul ul li a {font-size:10px; padding:8px 10px 8px 20px;}
.accordion ul ul ul li a {font-size:9px; padding:8px 10px 8px 30px;}
.accordion ul ul ul ul li a {font-size:8px; padding:8px 10px 8px 40px;}
.accordion li ul li { background: #f7f6f4; }
/* END Меню-аккордеон */

вставьте:
/* Каталог */
.accordion2{ list-style-type: none;position: relative;display: block;}
.accordion2_main {display: none;background: #ececec;margin: 16px 0;list-style-type: none;position: relative;float: left;width: 100%;line-height: 40px;}
.accordion2 ul { padding: 0; margin: 0; display: block; width: 100%;position: relative;}
.accordion2_main ul {margin: 0; float: left; display: block; width: 100%;position: relative;}
.accordion2 li  { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none;  display: block; width: 100%;  display: block; position:relative;clear: both;}
.accordion2_main li {padding-left: 5px;background: none;margin-left: 35px;float: none;cursor: pointer; list-style-type: none; position:relative;}
.accordion2 li div, .accordion2_main li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 360px;}
.accordion2 li.last a, .accordion2_main li.last a{border-bottom:0px;}
.accordion2 a, .accordion2_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; }
.accordion2 ul a, .accordion2_main ul a {font-size:11px; padding:8px 10px 8px 10px;}
.accordion2_main ul li {margin-left: -10px;line-height: 25px;display: block;width: 100%;border-bottom: solid 1px #ccc;}
.accordion2 ul ul li a {font-size:10px; padding:8px 10px 8px 20px;}
.accordion2 ul ul ul li a {font-size:9px; padding:8px 10px 8px 30px;}
.accordion2 ul ul ul ul li a {font-size:8px; padding:8px 10px 8px 40px;}
.accordion2 li ul li { background: #f7f6f4; }
/* END Каталог */

3. В шаблоне Товар найдите:
<!-- Доступность товара -->
			<div id="product_stock_stat" class="goodsDataMainModificationAvailable">
			  <p id="availability_statut" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <span id="availability_value">✓ Товар есть в наличии</span></p>
			  <p class="warning_inline available-false" id="last_quantities" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Только под заказ</p>
			</div>
			<!-- /Доступность товара -->

замените на:
<!-- Доступность товара -->
			<div id="product_stock_stat" class="goodsDataMainModificationAvailable">
			  <p id="availability_statut" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <span id="availability_value">✓ Товар есть в наличии ({GOODS_MOD_REST_VALUE} {GOODS_MOD_MEASURE_NAME})</span></p>
			  <p class="warning_inline available-false" id="last_quantities" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Только под заказ</p>
			</div>
			<!-- /Доступность товара -->

4. В шаблоне Товары найдите:
<div class="product_list_add_to_cart">
							<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
							  <input type="hidden" name="hash" value="{HASH}" />
							  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
							  <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
							  <!--a class="ajax_add_to_cart_button add_to_cart_ph" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
							  <a class="ajax_add_to_cart_button add_to_cart_ph" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
							</form>
						  </div>

перед ним вставьте:
{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}В наличии{% ENDIF %}

аналогичное изменение произведите с похожими блоками в шаблоне HTML, только сохраняйте переменные, в шаблонах Товары и HTML переменные различны, в Товары - goods, в шаблоне HTML: новинки - index_page_new_goods, хиты - index_page_favorites_goods, товары на главной - index_page_goods

#3 agentteam

agentteam

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

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

Отправлено 23 Август 2015 - 15:57

спасибо, все сработало!

#4 agentteam

agentteam

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

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

Отправлено 13 Октябрь 2015 - 22:00

После проведенных изменений (я также заменил карусель "хитов продаж" и "новинок") у меня пропали стикеры "хит продаж" и "новинка" на главной у этих товаров.
1. Подскажите как вернуть стикеры?
2. Как отображать те же стикеры в карточках этих товаров на странице товара?

#5 Vaccina

Vaccina

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

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

Отправлено 15 Октябрь 2015 - 02:34

1.Честно говоря, не знаю как они у вас отображались до этого по внешнему виду.
В шаблоне HTML найдите:
<h4>Популярные рюкзаки:</h4>
				 </div>
				 <ul class="grid" id="product_list">
							 {% FOR index_page_goods %}{% IF index_page_goods.index>10 %}{break}{% ENDIF%}
								 <li class="elem">
после него вставьте:
<span class="new">Popular</span>

далее найдите:
<h4>Новинки:</h4>
				 </div>
				 <ul class="grid" id="product_list">
							 {% FOR index_page_new_goods %}{% IF index_page_new_goods.index>10 %}{break}{% ENDIF%}
								 <li class="elem">
после него вставьте:
<span class="new">New</span>

далее найдите:
<h4>Хиты продаж:</h4>
				 </div>
				 <ul class="grid" id="product_list">
							 {% FOR index_page_favorites_goods %}{% IF index_page_favorites_goods.index>10 %}{break}{% ENDIF%}
								 <li class="elem">

после него вставьте:
<span class="new">Hit</span>

Далее в style.css найдите:
.autumnshowcase_block .new{position:absolute;display:block;top:15px;right:-30px;*top:0px;*right:0px;*width:60px !important;overflow:hidden;width:101px;background-color:#da3b44;background:rgba(218,59,68,0.9);padding:1px 4px;font-size:11px;line-height:17px;
замените на:
span.new{position:absolute;display:block;top:15px;right:-30px;*top:0px;*right:0px;*width:60px !important;overflow:hidden;width:101px;background-color:#da3b44;background:rgba(218,59,68,0.9);padding:1px 4px;font-size:11px;line-height:17px;
2. В шаблоне Товар найдите:
<!-- Большое изображение -->
<div class="image">
	 <div id="wrap" style="top:0px;z-index:9999;background-color:#FFF;position:relative;margin: 0 auto;text-align: center;">
после него вставьте:
{%IF GOODS_IS_NEW %}
<span class="new">New</span>
{%ELSEIF GOODS_IS_TOP%}
<span class="new">Hit</span>
{% ENDIF %}
{%IF GOODS_MAX_DISCOUNT>0 %}
<span class="new">Sale</span>
{% ENDIF %}

Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Осень
  5. → Главная
  6. Privacy Policy