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


Несколько Вопросов По Главной Страниц


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

#1 ozslr

ozslr

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

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

Отправлено 24 Март 2014 - 20:02

Доброго времени суток!

Подскажите пожалуйста как мне сделать следующие вещи на сайте

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

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

3. Тут два вопроса:  цифрой 1 обозначил то, чему нужно поменять цвет, как это сделать? Цифрой 2 указал то, что вообще необходимо убрать с сайта, как это сделать?
Изображение

#2 Vaccina

Vaccina

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

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

Отправлено 25 Март 2014 - 03:55

1.Инструкция по переносу каталога: http://forum.storela...-в-левую-часть/
На счет блоков, вставляете их путем изменения кода в шаблоне HTML, блоки добавляете после
<div id="cpages" class="container">
2.В шаблоне Товары:
<ul class="content_catalog_nested_categories">
	  {% FOR nested_categories_list %}
	  <li>
		<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
		<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
	  </li>
	  {% ENDFOR %}
	</ul>
замените на:
<ul class="content_catalog_nested_categories">
	  {% FOR nested_categories_list %}
	  <li>
		<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
		<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
	  </li>
	  {% ENDFOR %}<br clear="all"/>
	</ul>

в main.css добавьте:
.content_catalog_nested_categories{
border-bottom:2px solid #000000;
}
чтобы отображались ниже товары, добавьте их в категории у которых имеются подкатегории, настроить порядок вывода товара нельзя, только по сортировке, которая настраивается в разделе Настройки - Основные.
3.1.в main.css найдите:
.page-headline h1 {
	color: #000000;
	font: 30px/70px "Trebuchet MS",Arial,Helvetica,sans-serif;
	height: 2em;
	overflow: hidden;
	padding-left: 20px;
	position: absolute;
	width: 940px;
}
измените значение color
далее для телефонов найдите:
#contactInfo {
	font-size: 1.1em;
	left: 170px;
	position: absolute;
	top: 10px;
}
добавьте значение color, например:
#contactInfo {
	color: #FFFFFF;
	font-size: 1.1em;
	left: 170px;
	position: absolute;
	top: 10px;
}
3.2.В шаблоне HTML найдите и удалите:
<!-- Если есть возможность фильтрации товаров по наличию -->
					  {% IF SHOW_GOODS_REST_FILTER %}
					  <li class="goods_filters"><br /><h2>Наличие</h2>
						<div class="contentTbodySearchRestFilterBlock cornerAll">
						  <input class="valignMiddle" id="filter_only_with_rest" type="checkbox" name="form[filter_only_with_rest]" {% IF FORM_FILTER_ONLY_WITH_REST %}checked="checked"{% ENDIF %} value="1" onclick="this.form.submit();"
						  /><label class="valignMiddle" for="filter_only_with_rest">Только в наличии</label>
						</div>
					  </li>
					  {% ENDIF %}
					  <!-- END Если есть возможность фильтрации товаров по наличию -->


#3 ozslr

ozslr

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

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

Отправлено 31 Март 2014 - 13:34

Просмотр сообщенияVaccina (25 Март 2014 - 03:55) писал:

1.Инструкция по переносу каталога: http://forum.storela...-в-левую-часть/
На счет блоков, вставляете их путем изменения кода в шаблоне HTML, блоки добавляете после
<div id="cpages" class="container">
2.В шаблоне Товары:
<ul class="content_catalog_nested_categories">
	 {% FOR nested_categories_list %}
	 <li>
	 <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
	 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
	 </li>
	 {% ENDFOR %}
</ul>
замените на:
<ul class="content_catalog_nested_categories">
	 {% FOR nested_categories_list %}
	 <li>
	 <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
	 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
	 </li>
	 {% ENDFOR %}<br clear="all"/>
</ul>

в main.css добавьте:
.content_catalog_nested_categories{
border-bottom:2px solid #000000;
}
чтобы отображались ниже товары, добавьте их в категории у которых имеются подкатегории, настроить порядок вывода товара нельзя, только по сортировке, которая настраивается в разделе Настройки - Основные.
3.1.в main.css найдите:
.page-headline h1 {
color: #000000;
font: 30px/70px "Trebuchet MS",Arial,Helvetica,sans-serif;
height: 2em;
overflow: hidden;
padding-left: 20px;
position: absolute;
width: 940px;
}
измените значение color
далее для телефонов найдите:
#contactInfo {
font-size: 1.1em;
left: 170px;
position: absolute;
top: 10px;
}
добавьте значение color, например:
#contactInfo {
color: #FFFFFF;
font-size: 1.1em;
left: 170px;
position: absolute;
top: 10px;
}
3.2.В шаблоне HTML найдите и удалите:
<!-- Если есть возможность фильтрации товаров по наличию -->
					 {% IF SHOW_GOODS_REST_FILTER %}
					 <li class="goods_filters"><br /><h2>Наличие</h2>
					 <div class="contentTbodySearchRestFilterBlock cornerAll">
						 <input class="valignMiddle" id="filter_only_with_rest" type="checkbox" name="form[filter_only_with_rest]" {% IF FORM_FILTER_ONLY_WITH_REST %}checked="checked"{% ENDIF %} value="1" onclick="this.form.submit();"
						 /><label class="valignMiddle" for="filter_only_with_rest">Только в наличии</label>
					 </div>
					 </li>
					 {% ENDIF %}
					 <!-- END Если есть возможность фильтрации товаров по наличию -->

с переносом каталога , изменением цвета и удалением "товара в наличии" все получилось,  Спасибо!

не понял как вставить блоки сверху. Как мне добиться вот такого эффекта( как на картинке)? можно даже просто вставив картинки в виде блоков. И не смог сделать чтоб товары под каталогом были внизу.
И еще скажите пожалуйста как сделать значки в меню ? Обозначил на картинке
Как добавить отзывы ?Изображение

#4 ozslr

ozslr

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

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

Отправлено 31 Март 2014 - 17:38

Разобрался с выводом товаров под категориями.
Возникло еще несколько вопросов.
Все пронумеровал на картинке:
1. Как сделать такую черту под категориями?
2. Как сделать чтобы на главной у меня товары отображались по 3 или 4 штуки в ряд с названиями.
читал в этой теме, ниче не понял (((
3. Как добавить кнопку купить на главную?Изображение

#5 ozslr

ozslr

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

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

Отправлено 31 Март 2014 - 22:03

вот так у меня сейчас! Нужно чтобы  "Интересные предложения" выстраивались по 3 или 4 товара в ряд. В той теме нашел способ, но при их случае пропадают категории сверху и значки товаров бывают слишком крупными




Изображение

#6 ozslr

ozslr

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

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

Отправлено 02 Апрель 2014 - 00:37

Пока отвечали на вопрос, наковырял способ вставить блок, только как картинку. Да ну ничего. Теперь вопрос как сделать это расстояние меньше? И можно ли эту картинку поменять местами с категориями?Изображение

#7 Vaccina

Vaccina

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

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

Отправлено 02 Апрель 2014 - 03:42

<h3><img src="http://gifok.net/images/2014/04/02/J5scS.jpg"</h3>
замените на:
<h3><img src="http://gifok.net/images/2014/04/02/J5scS.jpg" /></h3>

В шаблоне Товары найдите:
	<br clear="all"/><br /><br />
и удалите их

#8 ozslr

ozslr

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

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

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

Просмотр сообщенияVaccina (02 Апрель 2014 - 03:42) писал:

<h3><img src="http://gifok.net/images/2014/04/02/J5scS.jpg"</h3>
замените на:
<h3><img src="http://gifok.net/images/2014/04/02/J5scS.jpg" /></h3>

В шаблоне Товары найдите:
<br clear="all"/><br /><br />
и удалите их
спасибо большое
Еще вопросы, помогите пожалуйста.
1. В теме которую вы дали я ничего не нашел. Как мне разбить товары на главной по ТРИ в ряд, и как добавить кнопку КУПИТЬ
2. Как весь процесс оформления покупки заменить на быструю покупку? Чтоб все на одной странице заполнялось, а не на четырех ;)

#9 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 03 Апрель 2014 - 12:27

Просмотр сообщенияozslr (03 Апрель 2014 - 12:22) писал:

спасибо большое
Еще вопросы, помогите пожалуйста.
1. В теме которую вы дали я ничего не нашел. Как мне разбить товары на главной по ТРИ в ряд, и как добавить кнопку КУПИТЬ
2. Как весь процесс оформления покупки заменить на быструю покупку? Чтоб все на одной странице заполнялось, а не на четырех ;)

Здравствуйте,
1. У вас выбран в качестве основного вывод товаров списком по одному, В режиме таблица вывод идет по 3 товара.
2. Быстрый заказ в каталоге товаров или Тут

#10 ozslr

ozslr

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

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

Отправлено 24 Апрель 2014 - 20:53

Просмотр сообщенияCastiel (03 Апрель 2014 - 12:27) писал:

Здравствуйте,
1. У вас выбран в качестве основного вывод товаров списком по одному, В режиме таблица вывод идет по 3 товара.
2. Быстрый заказ в каталоге товаров или Тут

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

#11 Vaccina

Vaccina

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

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

Отправлено 25 Апрель 2014 - 02:43

Инструкция на подобную тему уже имеется на форуме:
http://forum.storela...стра/#entry5091

#12 ozslr

ozslr

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

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

Отправлено 25 Апрель 2014 - 09:35

Просмотр сообщенияVaccina (08 Июль 2011 - 22:35) писал:

для этого нужно перенести код генерации продукта из шаблона "Товары" в шаблон "html"

Открываем шабон "html", находим

{% FOR index_page_new_goods %}
<div class="listing">
<div class="imagem"><a href="{index_page_new_goods.URL}"><img {% IF index_page_new_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_new_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_new_goods.NAME}" /></a></div>

<div class="contm">
<h3><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
<p>
{index_page_new_goods.DESCRIPTION_SHORT}
</p>
<p>
Цена сейчас: <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a><br />
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
Цена без учёта скидки: <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
Старая цена: <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</p>
<p>
<a class="readmore" title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL}">Подробнее</a>
</p>
</div>
<div class="clr"></div>
</div>
{% ENDFOR index_page_new_goods %}

далее просто заменяем на

<table>
{% FOR index_page_new_goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="{index_page_new_goods.URL}"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
</td>
</tr>
</table>

<h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div>
</td>
{index_page_new_goods.index | is_divided("3","</tr><tr>","")}
{% ENDFOR index_page_new_goods %}
</table>

Если потребуется изменить не только новинки, но и другие блоки - то все делается по аналогии, и сами блоки похожи, только меняются переменные шаблона
сделал вот это, и как все было так и стоит (( в чем может быть проблема?

#13 Vaccina

Vaccina

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

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

Отправлено 26 Апрель 2014 - 03:31

У вас сейчас не выводятся новинки, хиты и инт.предложения. У вас главной выбран каталог товаров и выводятся товары с него, необходимо в самом каталоге задать товары таблицей по умолчанию по сл.инструкции:
http://forum.storela...лица/#entry1505

#14 ozslr

ozslr

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

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

Отправлено 22 Май 2014 - 13:29

вот какая проблема при быстрой покупке. Изображение

#15 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 22 Май 2014 - 14:10

Просмотр сообщенияozslr (22 Май 2014 - 13:29) писал:

вот какая проблема при быстрой покупке. Изображение

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

#16 ozslr

ozslr

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

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

Отправлено 22 Май 2014 - 14:31

Просмотр сообщенияCastiel (22 Май 2014 - 14:10) писал:

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

Изображение

#17 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 22 Май 2014 - 14:34

Просмотр сообщенияozslr (22 Май 2014 - 14:31) писал:

Супер! Спасибо!
Еще вопрос по поводу формы заполнения данных. Можно ли ее сделать более презентабельной чем вот то, что есть?!



Если Вы нам пришлете конкретные изменения, которые нужно произвести, мы постараемся помочь.

#18 ozslr

ozslr

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

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

Отправлено 22 Май 2014 - 14:42

Просмотр сообщенияMikDark (22 Май 2014 - 14:34) писал:

Если Вы нам пришлете конкретные изменения, которые нужно произвести, мы постараемся помочь.
добрый день! Вот такая форма мне подошла бы в самый раз. А то та, неуклюжая какая-то
Изображение

#19 Vaccina

Vaccina

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

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

Отправлено 23 Май 2014 - 02:42

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

На счет оформления, в шаблоне Быстрый заказ найдите:
<div style="margin:0;padding:0 0 1em 0">
		 <label for="reg_name" class="required" style="margin-right: 24px;">ФИО*</label>
		 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" style="width: 200px;" type="text"/>
		
замените на:
<div style="margin:0;padding:0 0 1em 0" class="fio">
		 <label for="reg_name" class="required" style="margin-right: 24px;">ФИО*</label>
		 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" style="width: 200px;" type="text"/>
		

Далее в main.css добавьте:
.fio .control {
	width: 250px;
	margin: 0 auto;
}
.fio label {
	display: inline-block !important;
	width: auto;
}
.fio {
	text-align: center;
}
.fieldset .legend {
	background: none repeat scroll 0 0 #CCCCCC;
	display: inline-block;
	font-size: 14px !important;
	margin-left: 20px;
	padding: 0 5px;
	width: auto;
}
.orderStageDeliveryListTable{
margin:0;
}


#20 ozslr

ozslr

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

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

Отправлено 23 Май 2014 - 16:19

Просмотр сообщенияVaccina (23 Май 2014 - 02:42) писал:

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

На счет оформления, в шаблоне Быстрый заказ найдите:
<div style="margin:0;padding:0 0 1em 0">
		 <label for="reg_name" class="required" style="margin-right: 24px;">ФИО*</label>
		 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" style="width: 200px;" type="text"/>
		
замените на:
<div style="margin:0;padding:0 0 1em 0" class="fio">
		 <label for="reg_name" class="required" style="margin-right: 24px;">ФИО*</label>
		 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" style="width: 200px;" type="text"/>
		

Далее в main.css добавьте:
.fio .control {
width: 250px;
margin: 0 auto;
}
.fio label {
display: inline-block !important;
width: auto;
}
.fio {
text-align: center;
}
.fieldset .legend {
background: none repeat scroll 0 0 #CCCCCC;
display: inline-block;
font-size: 14px !important;
margin-left: 20px;
padding: 0 5px;
width: auto;
}
.orderStageDeliveryListTable{
margin:0;
}
сделал как сказали, че-то оформление ничем не изменилось ((




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

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