Несколько Вопросов По Главной Страниц
#1
Отправлено 24 Март 2014 - 20:02
Подскажите пожалуйста как мне сделать следующие вещи на сайте
1. Как сделать так, чтобы категории товара и разделы категории справа спустились вниз, а наверху я мог вставить такие рубрики как на картинке
2. После этого шага, когда все спустится вниз, как мне отделить категории чертой снизу, а под чертой разместить товары из данных выше категорий только именно те и именно в том порядке которые мне нужны.
3. Тут два вопроса: цифрой 1 обозначил то, чему нужно поменять цвет, как это сделать? Цифрой 2 указал то, что вообще необходимо убрать с сайта, как это сделать?
#2
Отправлено 25 Март 2014 - 03:55
На счет блоков, вставляете их путем изменения кода в шаблоне 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="Перейти к категории «{nested_categories_list.NAME}»"><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="Перейти к категории «{nested_categories_list.NAME}»">{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="Перейти к категории «{nested_categories_list.NAME}»"><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="Перейти к категории «{nested_categories_list.NAME}»">{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
Отправлено 31 Март 2014 - 13:34
Vaccina (25 Март 2014 - 03:55) писал:
На счет блоков, вставляете их путем изменения кода в шаблоне 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="Перейти к категории «{nested_categories_list.NAME}»"><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="Перейти к категории «{nested_categories_list.NAME}»">{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="Перейти к категории «{nested_categories_list.NAME}»"><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="Перейти к категории «{nested_categories_list.NAME}»">{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
Отправлено 31 Март 2014 - 17:38
Возникло еще несколько вопросов.
Все пронумеровал на картинке:
1. Как сделать такую черту под категориями?
2. Как сделать чтобы на главной у меня товары отображались по 3 или 4 штуки в ряд с названиями.
читал в этой теме, ниче не понял (((
3. Как добавить кнопку купить на главную?
#5
Отправлено 31 Март 2014 - 22:03
#6
Отправлено 02 Апрель 2014 - 00:37
#7
Отправлено 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
Отправлено 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
Отправлено 03 Апрель 2014 - 12:27
ozslr (03 Апрель 2014 - 12:22) писал:
Еще вопросы, помогите пожалуйста.
1. В теме которую вы дали я ничего не нашел. Как мне разбить товары на главной по ТРИ в ряд, и как добавить кнопку КУПИТЬ
2. Как весь процесс оформления покупки заменить на быструю покупку? Чтоб все на одной странице заполнялось, а не на четырех
Здравствуйте,
1. У вас выбран в качестве основного вывод товаров списком по одному, В режиме таблица вывод идет по 3 товара.
2. Быстрый заказ в каталоге товаров или Тут
#10
Отправлено 24 Апрель 2014 - 20:53
Castiel (03 Апрель 2014 - 12:27) писал:
1. У вас выбран в качестве основного вывод товаров списком по одному, В режиме таблица вывод идет по 3 товара.
2. Быстрый заказ в каталоге товаров или Тут
1. У меня стоит вывод таблицей, да, действительно по три в ряд, однако мне нужно чтобы они не только после перехода в категории выводились, а чтобы и на самой главной странице, где внизу товары идут, чтоб там было вывод по три товара, а не списком
#11
Отправлено 25 Апрель 2014 - 02:43
#12
Отправлено 25 Апрель 2014 - 09:35
Vaccina (08 Июль 2011 - 22:35) писал:
Открываем шабон "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
Отправлено 26 Апрель 2014 - 03:31
http://forum.storela...лица/#entry1505
#14
Отправлено 22 Май 2014 - 13:29
#15
Отправлено 22 Май 2014 - 14:10
ozslr (22 Май 2014 - 13:29) писал:
Здравствуйте, у вас отсутствует шаблон быстрого заказа загрузите его на сайт используя данную инструкцию
#16
Отправлено 22 Май 2014 - 14:31
Castiel (22 Май 2014 - 14:10) писал:
Еще вопрос по поводу формы заполнения данных. Можно ли ее сделать более презентабельной чем вот то, что есть?!
#19
Отправлено 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
Отправлено 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 анонимных