Добавление На Главную Баннеров,популярных Товаров, Недавно Просмотренных Товаров
#1
Отправлено 03 Февраль 2013 - 17:12
2 популярные товары или ваши последние запросы
3 и подвал сайта как на ибэй контакты и прочее
#2
Отправлено 04 Февраль 2013 - 07:44
Цитата
1 Как вставить на главную баннеры, чтобы можно было выбирать место;
2 популярные товары или ваши последние запросы
Цитата
блок с кодом footer
#3
Отправлено 05 Февраль 2013 - 00:33
Koderhan (04 Февраль 2013 - 07:44) писал:
Для этого вы можете ихменить html-код страницы в файле HTML.
блок с кодом footer
и еще кое что. как изменить размер товара(зеленый) на главной странице? и где код(красный) этого блока
#4
Отправлено 05 Февраль 2013 - 02:56
в ней объясняется как создать дополнительное меню, которое вы можете в последствии расположить в подвале.
Размеры задаются в шаблоне HTML, а именно в строке
<td height="50" style="text-align: center">
а так же в стилях main.css
.product-name h2 { display: block; height: 20px; overflow: hidden; position: relative; } .product-name a { color: #4C4C4C; font-size: 1.5em; font-weight: normal; height: 20px; position: relative; text-decoration: none; text-transform: uppercase; }
Код данного блока находиться в шаблоне "Страница"
<div class="page-title"> <h2>{PAGE_NAME}</h2> </div> {% IF FORM_NOTICE %}<ul class="messages"><li class="{% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-msg{% ENDIF %}">{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %} <div class="htmlDataBlock"> {PAGE_CONTENT} </div>
#5
Отправлено 15 Февраль 2013 - 20:06
Vaccina (05 Февраль 2013 - 02:56) писал:
в ней объясняется как создать дополнительное меню, которое вы можете в последствии расположить в подвале.
Размеры задаются в шаблоне HTML, а именно в строке
<td height="50" style="text-align: center">
а так же в стилях main.css
.product-name h2 { display: block; height: 20px; overflow: hidden; position: relative; } .product-name a { color: #4C4C4C; font-size: 1.5em; font-weight: normal; height: 20px; position: relative; text-decoration: none; text-transform: uppercase; }
Код данного блока находиться в шаблоне "Страница"
<div class="page-title"> <h2>{PAGE_NAME}</h2> </div> {% IF FORM_NOTICE %}<ul class="messages"><li class="{% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-msg{% ENDIF %}">{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %} <div class="htmlDataBlock"> {PAGE_CONTENT} </div>
#7
Отправлено 16 Февраль 2013 - 06:55
ilnarius (15 Февраль 2013 - 20:06) писал:
Найдите в файле main.csstemplate код:
.product-name a { color: #4C4C4C; font-size: 1.5em; text-decoration: none; text-transform: uppercase; font-weight: normal; position: relative; height: 20px; }и замените на:
.product-name a { color: #4C4C4C; font-size: 1em; /*размер шрифта*/ text-decoration: none; text-transform: uppercase; font-weight: normal; position: relative; height: 20px; }
#8
Отправлено 01 Июнь 2013 - 00:45
miyako (16 Февраль 2013 - 06:55) писал:
.product-name a { color: #4C4C4C; font-size: 1.5em; text-decoration: none; text-transform: uppercase; font-weight: normal; position: relative; height: 20px; }и замените на:
.product-name a { color: #4C4C4C; font-size: 1em; /*размер шрифта*/ text-decoration: none; text-transform: uppercase; font-weight: normal; position: relative; height: 20px; }
и как поднять нижнее меню выше, ведь корзины в левом блоке не будет?
#9
Отправлено 01 Июнь 2013 - 05:16
<div class="span44"> <!-- Корзина --> <div class="cartInfo"> <table width="228"> <tr> <td class="cartIcon" title="Перейти в корзину" width="58"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}shop_cart_black.jpg" alt="Корзина"/></a></td> <td class="cartTextData"> в <a href="{CART_URL}" title="Перейти в корзину">корзине</a> товаров<br /> на: <span id="cartSum" class="black"> {% IF cart_count_empty %} <span>0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW | money_format}<br /> {% ENDFOR %} {% ENDIF %} </span> </td> </tr> </table> </div> <!-- end Корзина --> <!-- Форма поиска --> <div class="top-search-indent"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;"> <div class="form-search"> <label for="search">Искать:</label> <button type="submit" title="Искать" class="button"><span><span>Искать</span></span></button> <input id="search" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" class="input-text" /> <br class="clear" /> </div> </form> </div> <!-- /Форма поиска --> </div>и перенесите его поставив после:
<!-- Правый блок. Контент сайта --> <div class="span8" style="margin-bottom: 10px;"> <div class="row-fluid">
Далее в шаблоне main.css найдите:
.header .form-search { border: 1px solid #E8E8E8; margin: 5px 24px 5px 0; overflow: hidden; padding: 7px 11px 7px 8px; } .header .form-search label { display: none; } .header .form-search input { background: none repeat scroll 0 center transparent; border: 0 none; color: #BFBFBF; float: left; font-size: 13px; width: 75%; } .header .form-search button { background: url("http://test-storeland.storeland.net/top_search_button.gif") no-repeat scroll left top transparent; float: right; height: 21px; overflow: hidden; width: 20px; } .header .form-search button span { display: none; } .header .form-search .search-autocomplete { z-index: 999; } .header .form-search .search-autocomplete ul { background-color: #FFFFFF; border: 1px solid #DDDDDD; } .header .form-search .search-autocomplete li { border-bottom: 1px solid #DDDDDD; cursor: pointer; padding: 3px; } .header .form-search .search-autocomplete li .amount { float: right; font-weight: bold; }замените на:
.form-search { border: 1px solid #E8E8E8; margin: 5px 24px 5px 0; overflow: hidden; width: 300px; float: right; padding: 7px 11px 7px 8px; } .form-search label { display: none; } .form-search input { background: none repeat scroll 0 center transparent; border: 0 none; color: #BFBFBF; float: left; font-size: 13px; width: 75%; } .form-search button { background: url("http://test-storeland.storeland.net/top_search_button.gif") no-repeat scroll left top transparent; float: right; height: 21px; overflow: hidden; width: 20px; } .form-search button span { display: none; } .form-search .search-autocomplete { z-index: 999; } .form-search .search-autocomplete ul { background-color: #FFFFFF; border: 1px solid #DDDDDD; } .form-search .search-autocomplete li { border-bottom: 1px solid #DDDDDD; cursor: pointer; padding: 3px; } .form-search .search-autocomplete li .amount { float: right; font-weight: bold; }
далее найдите:
.cartInfo { font-size: 14px; line-height: 1.5em; }замените на:
.cartInfo { background: none repeat scroll 0 0 #FFFFFF; float: left; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }
#10
Отправлено 01 Июнь 2013 - 23:30
Vaccina (01 Июнь 2013 - 05:16) писал:
<div class="span44"> <!-- Корзина --> <div class="cartInfo"> <table width="228"> <tr> <td class="cartIcon" title="Перейти в корзину" width="58"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}shop_cart_black.jpg" alt="Корзина"/></a></td> <td class="cartTextData"> в <a href="{CART_URL}" title="Перейти в корзину">корзине</a> товаров<br /> на: <span id="cartSum" class="black"> {% IF cart_count_empty %} <span>0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW | money_format}<br /> {% ENDFOR %} {% ENDIF %} </span> </td> </tr> </table> </div> <!-- end Корзина --> <!-- Форма поиска --> <div class="top-search-indent"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;"> <div class="form-search"> <label for="search">Искать:</label> <button type="submit" title="Искать" class="button"><span><span>Искать</span></span></button> <input id="search" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" class="input-text" /> <br class="clear" /> </div> </form> </div> <!-- /Форма поиска --> </div>и перенесите его поставив после:
<!-- Правый блок. Контент сайта --> <div class="span8" style="margin-bottom: 10px;"> <div class="row-fluid">
Далее в шаблоне main.css найдите:
.header .form-search { border: 1px solid #E8E8E8; margin: 5px 24px 5px 0; overflow: hidden; padding: 7px 11px 7px 8px; } .header .form-search label { display: none; } .header .form-search input { background: none repeat scroll 0 center transparent; border: 0 none; color: #BFBFBF; float: left; font-size: 13px; width: 75%; } .header .form-search button { background: url("http://test-storeland.storeland.net/top_search_button.gif") no-repeat scroll left top transparent; float: right; height: 21px; overflow: hidden; width: 20px; } .header .form-search button span { display: none; } .header .form-search .search-autocomplete { z-index: 999; } .header .form-search .search-autocomplete ul { background-color: #FFFFFF; border: 1px solid #DDDDDD; } .header .form-search .search-autocomplete li { border-bottom: 1px solid #DDDDDD; cursor: pointer; padding: 3px; } .header .form-search .search-autocomplete li .amount { float: right; font-weight: bold; }замените на:
.form-search { border: 1px solid #E8E8E8; margin: 5px 24px 5px 0; overflow: hidden; width: 300px; float: right; padding: 7px 11px 7px 8px; } .form-search label { display: none; } .form-search input { background: none repeat scroll 0 center transparent; border: 0 none; color: #BFBFBF; float: left; font-size: 13px; width: 75%; } .form-search button { background: url("http://test-storeland.storeland.net/top_search_button.gif") no-repeat scroll left top transparent; float: right; height: 21px; overflow: hidden; width: 20px; } .form-search button span { display: none; } .form-search .search-autocomplete { z-index: 999; } .form-search .search-autocomplete ul { background-color: #FFFFFF; border: 1px solid #DDDDDD; } .form-search .search-autocomplete li { border-bottom: 1px solid #DDDDDD; cursor: pointer; padding: 3px; } .form-search .search-autocomplete li .amount { float: right; font-weight: bold; }
далее найдите:
.cartInfo { font-size: 14px; line-height: 1.5em; }замените на:
.cartInfo { background: none repeat scroll 0 0 #FFFFFF; float: left; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }
как поменять местами поиск с корзиной?и в поиске добавить кнопку "поиск" закачивал изображение кнопки, но оставалась надпись искать и кнопка не функционировала; корзину сделать не белым фоном, а сплошным и чтобы была только надпись "корзина"? ;поднять каталог меню выше вместо где была корзина, убрать слово каталог?
#11
Отправлено 02 Июнь 2013 - 09:23
ilnarius (01 Июнь 2013 - 23:30) писал:
как поменять местами поиск с корзиной?и в поиске добавить кнопку "поиск" закачивал изображение кнопки, но оставалась надпись искать и кнопка не функционировала; корзину сделать не белым фоном, а сплошным и чтобы была только надпись "корзина"? ;поднять каталог меню выше вместо где была корзина, убрать слово каталог?
Сейчас у вас поиск находится слева. Вам нужно, чтобы поиск отображался справа?
Изображение для поиска вам нужно изменить название на top_search_button в формате gif
Найдите код в main.css:
.cartInfo { background: none repeat scroll 0 0 white; float: left; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }и замените на:
.cartInfo { float: left; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }
Не совсем понятно на счет надписи. Можете изобразить на скриншоте как это должно выглядеть?
Найдите код в шаблоне HTML:
<!-- Каталог товаров --> <div class="menu_main"> <span class="link_nav"></span><a href="#" class="link_nav">Каталог</a> <a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a>
и замените на:
<!-- Каталог товаров --> <div class="menu_main"> <span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>
#12
Отправлено 02 Июнь 2013 - 13:05
miyako (02 Июнь 2013 - 09:23) писал:
Изображение для поиска вам нужно изменить название на top_search_button в формате gif
Найдите код в main.css:
.cartInfo { background: none repeat scroll 0 0 white; float: left; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }и замените на:
.cartInfo { float: left; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }
Не совсем понятно на счет надписи. Можете изобразить на скриншоте как это должно выглядеть?
Найдите код в шаблоне HTML:
<!-- Каталог товаров --> <div class="menu_main"> <span class="link_nav"></span><a href="#" class="link_nav">Каталог</a> <a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a>
и замените на:
<!-- Каталог товаров --> <div class="menu_main"> <span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>
#16
Отправлено 03 Июнь 2013 - 15:02
ilnarius (03 Июнь 2013 - 11:51) писал:
1) По кнопке -
Найдите в main.css код:
.form-search button { background: url("http://test-storeland.storeland.net/top_search_button.gif") no-repeat scroll left top transparent; float: right; height: 21px; overflow: hidden; width: 20px; }и замените на:
.form-search button { background: url("{ASSETS_IMAGES_PATH}top_search_button.gif") no-repeat scroll left top transparent; float: right; height: 21px; overflow: hidden; width: 20px; }Удалите из бэкофиса изображение - top_search_button.gif (Сайт-Редактор шаблонов - слева - Изображения)
Далее вам нужно загрузить туда же изображение для поиска top_search_button.gif
2) Меняю местами -
Найдите код в main.css:
.cartInfo { float: left; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }и замените на:
.cartInfo { float: right; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }
Далее найдите код:
.form-search { border: 1px solid #E8E8E8; margin: 5px 24px 5px 0; overflow: hidden; width: 300px; float: right; padding: 7px 11px 7px 8px; }и замените на:
.form-search { border: 1px solid #E8E8E8; margin: 5px 24px 5px 0; overflow: hidden; width: 300px; float: left; padding: 7px 11px 7px 8px; }
#17
Отправлено 03 Июнь 2013 - 20:03
miyako (03 Июнь 2013 - 15:02) писал:
Найдите в main.css код:
.form-search button { background: url("http://test-storeland.storeland.net/top_search_button.gif") no-repeat scroll left top transparent; float: right; height: 21px; overflow: hidden; width: 20px; }и замените на:
.form-search button { background: url("{ASSETS_IMAGES_PATH}top_search_button.gif") no-repeat scroll left top transparent; float: right; height: 21px; overflow: hidden; width: 20px; }Удалите из бэкофиса изображение - top_search_button.gif (Сайт-Редактор шаблонов - слева - Изображения)
Далее вам нужно загрузить туда же изображение для поиска top_search_button.gif
2) Меняю местами -
Найдите код в main.css:
.cartInfo { float: left; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }и замените на:
.cartInfo { float: right; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }
Далее найдите код:
.form-search { border: 1px solid #E8E8E8; margin: 5px 24px 5px 0; overflow: hidden; width: 300px; float: right; padding: 7px 11px 7px 8px; }и замените на:
.form-search { border: 1px solid #E8E8E8; margin: 5px 24px 5px 0; overflow: hidden; width: 300px; float: left; padding: 7px 11px 7px 8px; }
с корзиной нужно сделать вот так, в угол ее
с поиском нужно увеличить высоту набора чтобы была ширина кнопки поиска, шрифт набора в поиске сделать черным.
поднять меню выше к названию
убрать название сайта с главной страницы
#18
Отправлено 04 Июнь 2013 - 11:37
ilnarius (03 Июнь 2013 - 20:03) писал:
с корзиной нужно сделать вот так, в угол ее
с поиском нужно увеличить высоту набора чтобы была ширина кнопки поиска, шрифт набора в поиске сделать черным.
поднять меню выше к названию
убрать название сайта с главной страницы
Найдите в main.css код:
..cartInfo { float: right; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }и замените на:
.cartInfo { float: right; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }Одна точка была лишняя в начале кода.
#19
Отправлено 04 Июнь 2013 - 12:06
miyako (04 Июнь 2013 - 11:37) писал:
..cartInfo { float: right; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }и замените на:
.cartInfo { float: right; font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 300px; }Одна точка была лишняя в начале кода.
#20
Отправлено 04 Июнь 2013 - 14:02
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных