#1
Отправлено 19 Июль 2013 - 22:00
#3
Отправлено 19 Июль 2013 - 22:05
sengun (19 Июль 2013 - 22:02) писал:
Аккаунт SL-205136
#4
Отправлено 19 Июль 2013 - 22:36
Зайдите в бэк-офис, зайдите в раздел Сайт-Редактор шаблонов, откройте шаблон HTML. В нем найдите код
<!-- Поиск --> <div id="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" /> <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" /> <div class="clr"></div> </div> </form> </div> <div class="clr"></div> <!-- end Поиск -->Его надо вырезать и вставить в коде верхнего меню
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"> <ul class="pad-box cont620" id="mainmenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->перед тегом </ul> предварительно обернув в тег <li>..</li>. Т.е. получится так.
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"> <ul class="pad-box cont620" id="mainmenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li><!-- Поиск --> <div id="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" /> <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" /> <div class="clr"></div> </div> </form> </div> <div class="clr"></div> <!-- end Поиск --></li> </ul> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->Далее в шаблоне main.css найдите код
#search{ height: 35px; float: right; padding-top: 45px; padding-right: 15px; width: 245px; } #search { background-color: #009999; bottom: -60px; color: navy; <!-- цвет границы вокруг поиска --> height: 35px; margin-right: 5px; padding: 5px; position: absolute; width: 230px; z-index: 2; }замените его на этот
#search{ float: right; background-color: #009999; color: navy; /* цвет границы вокруг поиска */ height: 35px; padding: 5px; width: 170px; z-index: 2; }Скоро про корзину.
#5
Отправлено 19 Июль 2013 - 22:52
<!-- Корзина --> <div id="cartInfo"> <a href="{CART_URL}">в корзине товаров на</a>: <span id="cartSum"> {% IF cart_count_empty %} <span>0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} <span class="num">{cart_sum.NOW | money_format}</span><br /> {% ENDFOR %} {% ENDIF %} </span> </div> <!-- end Корзина -->Вырежьте его и вставьте после строчки
<!-- end Верхний блок навигации -->После чего в main.css код
#cartInfo { position:absolute; font-size: 13px; top: 54px; left: 380px; white-space:nowrap; overflow:hidden; height:20px; width: 340px; }замените на этот
#cartInfo { position:absolute; font-size: 13px; top: 245px; right: 0; white-space:nowrap; overflow:hidden; height:20px; width: 340px; text-align: right; }
#6
Отправлено 19 Июль 2013 - 22:54
sengun (19 Июль 2013 - 22:36) писал:
Зайдите в бэк-офис, зайдите в раздел Сайт-Редактор шаблонов, откройте шаблон HTML. В нем найдите код
<!-- Поиск --> <div id="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" /> <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" /> <div class="clr"></div> </div> </form> </div> <div class="clr"></div> <!-- end Поиск -->Его надо вырезать и вставить в коде верхнего меню
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"> <ul class="pad-box cont620" id="mainmenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->перед тегом </ul> предварительно обернув в тег <li>..</li>. Т.е. получится так.
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"> <ul class="pad-box cont620" id="mainmenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li><!-- Поиск --> <div id="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" /> <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" /> <div class="clr"></div> </div> </form> </div> <div class="clr"></div> <!-- end Поиск --></li> </ul> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->Далее в шаблоне main.css найдите код
#search{ height: 35px; float: right; padding-top: 45px; padding-right: 15px; width: 245px; } #search { background-color: #009999; bottom: -60px; color: navy; <!-- цвет границы вокруг поиска --> height: 35px; margin-right: 5px; padding: 5px; position: absolute; width: 230px; z-index: 2; }замените его на этот
#search{ float: right; background-color: #009999; color: navy; /* цвет границы вокруг поиска */ height: 35px; padding: 5px; width: 170px; z-index: 2; }Скоро про корзину.
#7
Отправлено 19 Июль 2013 - 23:01
sengun (19 Июль 2013 - 22:52) писал:
<!-- Корзина --> <div id="cartInfo"> <a href="{CART_URL}">в корзине товаров на</a>: <span id="cartSum"> {% IF cart_count_empty %} <span>0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} <span class="num">{cart_sum.NOW | money_format}</span><br /> {% ENDFOR %} {% ENDIF %} </span> </div> <!-- end Корзина -->Вырежьте его и вставьте после строчки
<!-- end Верхний блок навигации -->После чего в main.css код
#cartInfo { position:absolute; font-size: 13px; top: 54px; left: 380px; white-space:nowrap; overflow:hidden; height:20px; width: 340px; }замените на этот
#cartInfo { position:absolute; font-size: 13px; top: 245px; right: 0; white-space:nowrap; overflow:hidden; height:20px; width: 340px; text-align: right; }
#8
Отправлено 19 Июль 2013 - 23:07
Артур (19 Июль 2013 - 22:54) писал:
#search{ float: right; background-color: #009999; color: navy; /* цвет границы вокруг поиска */ height: 35px; padding: 5px; width: 170px; z-index: 2; }вместо width: 170px; напишите width: 135px;
и еще в конец этого файла добавьте такой код
#search input[type=text]{ width: 145px; }
#10
Отправлено 19 Июль 2013 - 23:16
Артур (19 Июль 2013 - 23:09) писал:
#cartInfo { position:absolute; font-size: 13px; top: 245px; right: 0; white-space:nowrap; overflow:hidden; height:20px; width: 340px; text-align: right; }пропишите строчку z-index: 2;
#11
Отправлено 19 Июль 2013 - 23:18
sengun (19 Июль 2013 - 23:07) писал:
#search{ float: right; background-color: #009999; color: navy; /* цвет границы вокруг поиска */ height: 35px; padding: 5px; width: 170px; z-index: 2; }вместо width: 170px; напишите width: 135px;
и еще в конец этого файла добавьте такой код
#search input[type=text]{ width: 145px; }
#12
Отправлено 19 Июль 2013 - 23:42
sengun (19 Июль 2013 - 23:16) писал:
#cartInfo { position:absolute; font-size: 13px; top: 245px; right: 0; white-space:nowrap; overflow:hidden; height:20px; width: 340px; text-align: right; }пропишите строчку z-index: 2;
#14
Отправлено 20 Июль 2013 - 01:37
<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>
и добавьте после
<center><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <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="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">В корзину</a> </p> </form></center>
далее в шаблоне "Товар" найдите
<div class="goodsListItemPriceOld"> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>
и ниже добавьте
<center><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" /> <a class="readmore" onclick="$('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={related_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" title="Положить «{related_goods.NAME}» в корзину">В корзину</a> </p> </form></center>
Далее найдите
<div class="goodsListItemPriceOld"> {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>
и ниже добавьте
<center><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_views_goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" /> <a class="readmore" onclick="$('#goodsListFormId{related_views_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={related_views_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={related_views_goods.MIN_PRICE_NOW_ID}" title="Положить «{related_views_goods.NAME}» в корзину">В корзину</a> </p> </form></center>
Далее в файле стилей main.css найдите
.goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; width: 210px; }
и замените на
.goodsListItemBlock { height: 360px; margin: 5px; overflow: hidden; width: 210px; }
#15
Отправлено 20 Июль 2013 - 01:58
Сake (20 Июль 2013 - 01:37) писал:
<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>
и добавьте после
<center><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <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="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">В корзину</a> </p> </form></center>
далее в шаблоне "Товар" найдите
<div class="goodsListItemPriceOld"> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>
и ниже добавьте
<center><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" /> <a class="readmore" onclick="$('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={related_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" title="Положить «{related_goods.NAME}» в корзину">В корзину</a> </p> </form></center>
Далее найдите
<div class="goodsListItemPriceOld"> {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %} <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>
и ниже добавьте
<center><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_views_goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" /> <a class="readmore" onclick="$('#goodsListFormId{related_views_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={related_views_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={related_views_goods.MIN_PRICE_NOW_ID}" title="Положить «{related_views_goods.NAME}» в корзину">В корзину</a> </p> </form></center>
Далее в файле стилей main.css найдите
.goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; width: 210px; }
и замените на
.goodsListItemBlock { height: 360px; margin: 5px; overflow: hidden; width: 210px; }
#18
Отправлено 20 Июль 2013 - 03:54
Артур (20 Июль 2013 - 02:35) писал:
Сайт - Редактор шаблонов - HTML - вставьте картинку перед:
<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>в следующем виде:
<li><img src="ссылка на картинку" /></li>
Артур (20 Июль 2013 - 03:15) писал:
http://forum.storela.../topic/201-фон/
#19
Отправлено 20 Июль 2013 - 10:13
Vaccina (20 Июль 2013 - 03:54) писал:
<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>в следующем виде:
<li><img src="ссылка на картинку" /></li>
Буквально пару тем выше находится тема с инструкциями "фон", там все подробно расписано и затрагиваются самые разные вариации:
http://forum.storela.../topic/201-фон/
Здравствуйте! подскажите пожалуйста как сделать так?! скрин прилагаю
#20
Отправлено 20 Июль 2013 - 10:50
Темы с аналогичным тегами дизайн
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных