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

[Peartshop]

Помогите пожалуйста сделать простой каталог , а так же сравнение и вы смотрели - убираем

Суть проста: без картинок просто название и в столбик  , название цена - все показано на картинке. клик - переход на товар + добавить поиск "Только по названию" в каталоге






Аккаунт SL-297724

[MikDark]

Peartshop (16 Июнь 2014 - 02:16) писал:

Помогите пожалуйста сделать простой каталог , а так же сравнение и вы смотрели - убираем

Суть проста: без картинок просто название и в столбик  , название цена - все показано на картинке. клик - переход на товар + добавить поиск "Только по названию" в каталоге






Аккаунт SL-297724

Сделайте бэкап. Далее в шаблоне Товары меняем код:

{% FOR goods %}
			<td class="goodsListItem"> 
				<div class="goodsListItemBlock withBorder cornerAll">
				<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
				<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
				<div class="goodsListItemPriceNew">
				  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div> 
				<div class="goodsListItemPriceOld">
				  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}
				</div>
									   <div class="slide_button">
								 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
								 <div>
										 <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}" />
										 <input type="submit" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину" value="Положить в корзину">
								 </div>
								 </form>
						 </div>
				</div>
			  </td>
			{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
		   {% ENDFOR goods %}

на

{% FOR goods %}
			<td class="goodsListItem"> 
			   
				<div class="goodsListItemName">< a href="{goods.URL}">{goods.NAME}</a></div>
			   <div class="goodsListItemPriceNew">
				   <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div> 
			   
			   
			   
	
			  </td>
			<tr>
		   {% ENDFOR goods %}

Напишите, как сделаете, поработаем над стилями.

[Peartshop]

сделал  получилось  

[Dars]

Peartshop (16 Июнь 2014 - 13:03) писал:

сделал  получилось  

Найдите в шаблоне "Товары" строку:

								<div class="goodsListItemName">< a href="{goods.URL}">{goods.NAME}</a></div>

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

								<div class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></div>

[Peartshop]

Dars (16 Июнь 2014 - 17:18) писал:

Найдите в шаблоне "Товары" строку:

							 <div class="goodsListItemName">< a href="{goods.URL}">{goods.NAME}</a></div>

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

							 <div class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></div>

Не много не похоже , ну все же возможно? и как вставить поиск в каталог именно

[Dars]

Peartshop (16 Июнь 2014 - 18:15) писал:

Не много не похоже , ну все же возможно? и как вставить поиск в каталог именно

Примените предыдущую инструкцию. Затем произведите следующие изменения в main.css:
Найдите строку

.goodsListItemName				  {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}

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

.goodsListItemName				  {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;float: left;border-bottom: 1px solid gray;width: 60%;text-align: left;}

Затем добавьте строку:

.goodsListItemPriceNew {float:left;margin-left: 200px;border-bottom: 1px solid gray;}

Когда сделаете - будем стилизовать дальше.

[Peartshop]

Dars (16 Июнь 2014 - 18:45) писал:

Примените предыдущую инструкцию. Затем произведите следующие изменения в main.css:
Найдите строку

.goodsListItemName				 {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}

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

.goodsListItemName				 {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;float: left;border-bottom: 1px solid gray;width: 60%;text-align: left;}

Затем добавьте строку:

.goodsListItemPriceNew {float:left;margin-left: 200px;border-bottom: 1px solid gray;}

Когда сделаете - будем стилизовать дальше.

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

[Vaccina]

В main.css найдите:

.goodsListItemName {
	border-bottom: 1px solid #808080;
	float: left;
	line-height: 1.2em;
	margin: 0;
	max-height: 3.6em;
	overflow: hidden;
	padding: 0 2px;
	text-align: left;
	width: 60%;
}

.goodsListItemPriceNew {
	border-bottom: 1px solid #808080;
	float: left;
	margin-left: 200px;
}

замените на:

.goodsListItemName {
	border-bottom: 1px solid #808080;
	display: inline-block;
	margin: 5px 0;
	padding: 0 2px;
	text-align: left;
	width: 524px;
}

.goodsListItemPriceNew {
	border-bottom: 1px solid #808080;
	display: inline-block;
	margin-left: 60px;
	width: 120px;
}

Далее найдите:

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 200px;
}

замените на:

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
}

далее найдите:

.goodsListItemName a {
	color: #2F97CB;
	font-size: 15px;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}

замените на:

.goodsListItemName a {
	color: #2F97CB;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0;
}

.goodsListItemPriceNew a {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
}

[Peartshop]

Спасибо,  пожалуйста сделайте последнее, это чтобы линия была общая то есть без пробела, , то есть линию без разрыва

и простой поиск именно в каталоге , поиск!   Поиск ТОЛЬКО по Названию , чтоб когда клиент набрал  "рубашки"  были только рубашки

[Vaccina]

Найдите:

.goodsListItemName {
	border-bottom: 1px solid #808080;
	display: inline-block;
	margin: 5px 0;
	padding: 0 2px;
	text-align: left;
	width: 524px;
}

.goodsListItemPriceNew {
	border-bottom: 1px solid #808080;
	display: inline-block;
	margin-left: 60px;
	width: 120px;
}

замените на:

.goodsListItemName {
	border-bottom: 1px solid #808080;
	float: left;
	margin: 5px 0;
	padding: 0 2px;
	text-align: left;
	width: 590px;
}
.goodsListItemPriceNew {
	border-bottom: 1px solid #808080;
	float: left;
	margin: 4.5px 0 4px;
	width: 120px;
}

Чтобы убрать сортировку в шаблоне Товары найдите и удалите:

<!-- Поле выбора сортировки -->
			{% IF goods_show_order_fields %}
			  Сортировать по:
			  <select name="goods_search_field_id" onchange="this.form.submit();">
				{% FOR goods_order_fields %}
				  <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
				{% ENDFOR %}
			  </select>
			{% ENDIF %}
		   
			<!-- Поле выбора лимитов -->
			{% IF goods_show_per_page %}
			  Показывать по:
			  <select name="per_page" onchange="this.form.submit();">
				{% FOR goods_per_page_list %}
				  <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
				{% ENDFOR %}
			  </select>
			{% ENDIF %}

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

[Peartshop]

у меня  поиска вообще нет, можно ли его встроить в каталог?  Подредактируйте пожалуйста цену (окультурить)  картинка1  и можно ли вместо текста "Каталог товаров" сделать полоску  оранжевого или желтого цвета как на картинке ( там полоска синия и "рекомендуем") , можно ли сделать оранжевую, аналогично?

[Сake]

В вашем шаблоне код поиска был удален. Стандартный код поиска для шаблона "Мокко" выглядит следующим образом

<!-- Поиск -->
   <div id="searchPanel">
	<form action="http://{NET_DOMAIN}/search" method="get">
	  <p>
	   <label for="keywords">Поиск</label>
	   <input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
	   <input type="image" value="Search" title="search" alt="search" src="{ASSETS_IMAGES_PATH}search_button.gif" id="submit" name="submit" />
	   </p>
	</form>
   </div>
   <!-- end Поиск -->

код должен располагаться перед блоком

</div>
</div>

<div id="contentWrap">

Цитата

Подредактируйте пожалуйста цену (окультурить)  картинка1

Изменить формат записи суммы вы можете в разделе Настройки -> Валюты.

Цитата

можно ли вместо текста "Каталог товаров" сделать полоску  оранжевого или желтого цвета как на картинке ( там полоска синия и "рекомендуем") , можно ли сделать оранжевую, аналогично?

Добавьте в конец вашего файла стилей main.css

.box-category > ul > li > a {
  background-color: #eea413;
  color: #fff;
}

[Peartshop]

Сake (18 Июнь 2014 - 03:13) писал:

В вашем шаблоне код поиска был удален. Стандартный код поиска для шаблона "Мокко" выглядит следующим образом

<!-- Поиск -->
<div id="searchPanel">
<form action="http://{NET_DOMAIN}/search" method="get">
	 <p>
	 <label for="keywords">Поиск</label>
	 <input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
	 <input type="image" value="Search" title="search" alt="search" src="{ASSETS_IMAGES_PATH}search_button.gif" id="submit" name="submit" />
	 </p>
</form>
</div>
<!-- end Поиск -->

код должен располагаться перед блоком

</div>
</div>

<div id="contentWrap">

Изменить формат записи суммы вы можете в разделе Настройки -> Валюты.



Добавьте в конец вашего файла стилей main.css

.box-category > ul > li > a {
background-color: #eea413;
color: #fff;
}

Нет вы меня не поняли, я хотел просто полоску  на словах "Каталог товара " а лучше "Рекомендуем" и все, зачем в  самом каталоге?


Перенесите пожалуйста поиск в более удобное место, и можно ли удалить  на сколько денег куплен товар?

[batta]

Здравствуйте
Находим в шаблоне HTML код

<div class="box-heading">Рекомендуем</div>

Заменить на

<div class="box-heading" style=" background-color: #eea413;">Каталог</div>

найдите в main.css:764

.box-category > ul > li > a {
background-color: #eea413;
color: #222222;
}

измените на

.box-category > ul > li > a {
/* background-color: #eea413; */
color: #222222;
}

вам надо найти в HTML
вот этот код и вырезать

<div id="searchPanel">
<form action="http://{NET_DOMAIN}/search" method="get">
<p>
<label for="keywords">Поиск</label>
<input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
<input type="image" value="Search" title="search" alt="search" src="{ASSETS_IMAGES_PATH}search_button.gif" id="submit" name="submit" />
</p>
</form>
</div>

и вставить его в каталог Товары после

<!-- Если отображаем полный каталог товаров, без указания категории -->
{% IF IS_FULL_CATALOG %}
&gt; <strong>Каталог товаров</strong>
<!-- Если отображаем товары в категории -->
{% ELSE %}
&gt; <a href="{CATALOG_URL}" >Каталог товаров</a>
{% FOR upper_navigation %}
{% IF upper_navigation.CURRENT %} &gt; <strong>{upper_navigation.NAME}</strong>{% ELSEIF upper_navigation.CURRENT_PARENT %} &gt; <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</p>

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

[Taisia]

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

[Peartshop]

Taisia (18 Июнь 2014 - 14:58) писал:

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

Можно без поиска на главной странице, а только в каталоге?

[MikDark]

Peartshop (18 Июнь 2014 - 16:55) писал:

Можно без поиска на главной странице, а только в каталоге?

Произведите изменения из сообщения №14

[Peartshop]

В общем ,  "полоска Каталог это не та полоска, я хотел полоску в самом каталоге".   Мне нужна полоска в каталоге товаров. Поиск не работает.

[Peartshop]

Сake (18 Июнь 2014 - 03:13) писал:

В вашем шаблоне код поиска был удален. Стандартный код поиска для шаблона "Мокко" выглядит следующим образом

[/CODE]



Изменить формат записи суммы вы можете в разделе Настройки -> Валюты.

Не работает,  просьба окультурить цену так и остался на самой странице товара - работает, в каталоге - нет.

[batta]

Сделайте изменения из сообщения 14