Корзина, Поиск
#1
Отправлено 06 Январь 2014 - 16:42
Пожалуйста, помогите выровнять Ваша корзина на одном уровне с вход/регистрация в верхнем меню. Дополнительно, необходимо перенести поиск над блоком Каталог магазина.
Аккаунт SL-259209, шаблон Радость.
Заранее спасибо!
#2
Отправлено 07 Январь 2014 - 03:55
#bar .links { height: 100%; margin-bottom: 1.2%; width: 80%; }
и замените на
#bar .links { height: 100%; margin-bottom: 1.2%; width: 66%; }
далее найдите и удалите в шаблоне "HTML" код
<div class="search fright over clr"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div class="block-shadow"> <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" /> </div> <input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" /> </form> </div>
далее найдите код
<!-- Вывод левого меню --> <div id="leftcolum" class="fleft"> <div class="block">
и замените его на
<!-- Вывод левого меню --> <div id="leftcolum" class="fleft"> <div class="block"> <div class="search over clr"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div class="block-shadow"> <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" /> </div> <input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" /> </form> </div>
#3
Отправлено 07 Январь 2014 - 13:03
Vaccina (07 Январь 2014 - 03:55) писал:
#bar .links { height: 100%; margin-bottom: 1.2%; width: 80%; }
и замените на
#bar .links { height: 100%; margin-bottom: 1.2%; width: 66%; }
далее найдите и удалите в шаблоне "HTML" код
<div class="search fright over clr"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div class="block-shadow"> <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" /> </div> <input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" /> </form> </div>
далее найдите код
<!-- Вывод левого меню --> <div id="leftcolum" class="fleft"> <div class="block">
и замените его на
<!-- Вывод левого меню --> <div id="leftcolum" class="fleft"> <div class="block"> <div class="search over clr"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div class="block-shadow"> <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" /> </div> <input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" /> </form> </div>
Спасибо! Можно ли дополнительно привязать картинку к Ваша корзина, а также отрегулировать размер поисковой строки на всю длину блока левого меню и изменить вид отображения на собственный?
#4
Отправлено 07 Январь 2014 - 15:45
cs21 (07 Январь 2014 - 13:03) писал:
<a href="{CART_URL}" title="Ваша корзина">Ваша корзина</a>на
<a href="{CART_URL}" title="Ваша корзина"><img src="{ASSETS_IMAGES_PATH}picture.jpg" alt="" />Ваша корзина</a>, загрузив нужный файл.
Строку поиска можно расширить следующим образом: в файле main.css замените
#left div.search { width:225px; height:32px; padding: 0px 0 10px 0px;}на
#left div.search { width: 235px; height:32px; padding: 0px 0 10px 0px; margin-left: -5px;}
#left div.search input.text { float:left; border:0; background:url(http://design.shopping-mantra.com/search.jpg) left top no-repeat; padding-left:10px; width:183px; height:31px; font:normal 13px Tahoma, Geneva, sans-serif; color:#000; line-height:29px; }на
#left div.search input.text { float:left; border:0; background:url(http://design.shopping-mantra.com/search.jpg) left top no-repeat; padding-left:10px; width: 192px; height:31px; font:normal 13px Tahoma, Geneva, sans-serif; color:#000; line-height:29px; }
Если Вы хотели иначе, то пришлите, пожалуйста, скриншот с уточнениями.
#5
Отправлено 07 Январь 2014 - 16:59
ne_yana (07 Январь 2014 - 15:45) писал:
<a href="{CART_URL}" title="Ваша корзина">Ваша корзина</a>на
<a href="{CART_URL}" title="Ваша корзина"><img src="{ASSETS_IMAGES_PATH}picture.jpg" alt="" />Ваша корзина</a>, загрузив нужный файл.
Строку поиска можно расширить следующим образом: в файле main.css замените
#left div.search { width:225px; height:32px; padding: 0px 0 10px 0px;}на
#left div.search { width: 235px; height:32px; padding: 0px 0 10px 0px; margin-left: -5px;}
#left div.search input.text { float:left; border:0; background:url(http://design.shopping-mantra.com/search.jpg) left top no-repeat; padding-left:10px; width:183px; height:31px; font:normal 13px Tahoma, Geneva, sans-serif; color:#000; line-height:29px; }на
#left div.search input.text { float:left; border:0; background:url(http://design.shopping-mantra.com/search.jpg) left top no-repeat; padding-left:10px; width: 192px; height:31px; font:normal 13px Tahoma, Geneva, sans-serif; color:#000; line-height:29px; }
Если Вы хотели иначе, то пришлите, пожалуйста, скриншот с уточнениями.
Похоже, что данный код из Пластика, мне же нужен вариант для аккаунта SL-259209, шаблон Радость. Заранее спасибо!
#6
Отправлено 07 Январь 2014 - 19:33
cs21 (07 Январь 2014 - 16:59) писал:
Редактируем поиск
Добавляем в файл main.css в удобное место
.search { margin-bottom: 10px; }
Находим
#s { display: block; float: left; border: 1px solid black; line-height: 2; padding: 0px 5px; }
Заменяем на
#s { display: block; float: left; border: 1px solid black; line-height: 2; padding: 0px 5px; width: 80%; }
Так же у вас отсутствует изображение кнопки поиска, загрузите его через Редактор Шаблонов - Добавить файлы с названием header-search.jpg
Если вы хотите изменить вид поиска, вам необходимо добавить необходимые стили в эту часть
#s { display: block; float: left; border: 1px solid black; line-height: 2; padding: 0px 5px; width: 80%; }
Так же отсутствует изображение корзины, загрузите его через Редактор Шаблонов - Добавить файлы с названием cart.jpg
#7
Отправлено 08 Январь 2014 - 10:17
#8
Отправлено 08 Январь 2014 - 13:39
cs21 (08 Январь 2014 - 10:17) писал:
Попробуйте такой вариант, но обязательно сделайте бэкап шаблона.
Редактируем шаблон HTML
Находим
<div class="search over clr"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div class="block-shadow"> <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" /> </div> <input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" /> </form> </div>
Заменяем на
<div class="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="text" name="q" /> <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" /> </div> </form> </div>
В main.css добавьте в любое удобное место
.search { width:225px; height:32px; padding: 0px 0 10px 0px; } .search input.text { float:left; border:0; background:url({ASSETS_IMAGES_PATH}search.jpg) left top no-repeat; padding-left:10px; width:183px; height:31px; font:normal 13px Tahoma, Geneva, sans-serif; color:#000; line-height:29px; } .search input.button {float:left; background:url({ASSETS_IMAGES_PATH}search.jpg) -193px 0 no-repeat; width:32px; height:31px; cursor:pointer; }
#9
Отправлено 08 Январь 2014 - 14:31
#10
Отправлено 09 Январь 2014 - 01:59
#11
Отправлено 09 Январь 2014 - 17:04
#12
Отправлено 10 Январь 2014 - 02:37
#13
Отправлено 10 Январь 2014 - 10:36
Сake (10 Январь 2014 - 02:37) писал:
Здравствуйте! Хочется перенести поле "выберите производителя" из левого меню (где оно находится сейчас) в свободное место рядом с полем сортировки. Спасибо!
#14
Отправлено 10 Январь 2014 - 11:40
cs21 (10 Январь 2014 - 10:36) писал:
<ul> {%IFNOT catalog_empty %} <select name="brand" onchange="javascript:if(this.value!=-1&&this.value){window.location=this.value;}"> <option value="-1">Выберите производителя</option> {% FOR catalog_full %} {% IF catalog_full.HIDE %} <option value="{catalog_full.URL}">{catalog_full.NAME}</option> {% ENDIF %} {% ENDFOR %} </select> {% ENDIF %} </ul>В разделе Сайт - Редактор шаблонов - Товары вставьте
{%IFNOT catalog_empty %} <li> <select name="brand" onchange="javascript:if(this.value!=-1&&this.value){window.location=this.value;}"> <option value="-1">Выберите производителя</option> {% FOR catalog_full %} {% IF catalog_full.HIDE %} <option value="{catalog_full.URL}">{catalog_full.NAME}</option> {% ENDIF %} {% ENDFOR %} </select> {% ENDIF %}после
{% IF goods_show_per_page %} {% IFNOT index_page %} <li>Показывать по: <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> </li> {% ENDIF %} {% ENDIF %}
#15
Отправлено 10 Январь 2014 - 11:58
#16
Отправлено 20 Январь 2014 - 23:34
Castiel (08 Январь 2014 - 13:39) писал:
Редактируем шаблон HTML
Находим
<div class="search over clr"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div class="block-shadow"> <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" /> </div> <input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" /> </form> </div>
Заменяем на
<div class="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="text" name="q" /> <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" /> </div> </form> </div>
В main.css добавьте в любое удобное место
.search { width:225px; height:32px; padding: 0px 0 10px 0px; } .search input.text { float:left; border:0; background:url({ASSETS_IMAGES_PATH}search.jpg) left top no-repeat; padding-left:10px; width:183px; height:31px; font:normal 13px Tahoma, Geneva, sans-serif; color:#000; line-height:29px; } .search input.button {float:left; background:url({ASSETS_IMAGES_PATH}search.jpg) -193px 0 no-repeat; width:32px; height:31px; cursor:pointer; }
И как увеличить шрифт "Искать"?
Спасибо.
#17
Отправлено 21 Январь 2014 - 03:01
Для увеличения шрифта в main.css найдите:
.search input.text { background: url("http://design.medmag24.ru/search.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); border: 0 none; color: #000000; float: left; font: 13px/29px Tahoma,Geneva,sans-serif; height: 31px; padding-left: 10px; width: 183px; }увеличьте значение font
#18
Отправлено 21 Январь 2014 - 16:13
Vaccina (21 Январь 2014 - 03:01) писал:
Для увеличения шрифта в main.css найдите:
.search input.text { background: url("http://design.medmag24.ru/search.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); border: 0 none; color: #000000; float: left; font: 13px/29px Tahoma,Geneva,sans-serif; height: 31px; padding-left: 10px; width: 183px; }увеличьте значение font
#19
Отправлено 21 Январь 2014 - 16:19
Свят (21 Январь 2014 - 16:13) писал:
Чтобы добавить изображение для поиска вам необходимо отредактировать main.css
Находим
.search input.button { float: left; background: url(http://design.medmag24.ru/search.jpg) -193px 0 no-repeat; width: 32px; height: 31px; cursor: pointer; }
background: url(http://design.medmag24.ru/search.jpg) -193px 0 no-repeat; отвечает за фоновое изображение, замените ссылку на свою. Рекомендуемые размеры 31х31px
#20
Отправлено 21 Январь 2014 - 16:33
Castiel (21 Январь 2014 - 16:19) писал:
Находим
.search input.button { float: left; background: url(http://design.medmag24.ru/search.jpg) -193px 0 no-repeat; width: 32px; height: 31px; cursor: pointer; }
background: url(http://design.medmag24.ru/search.jpg) -193px 0 no-repeat; отвечает за фоновое изображение, замените ссылку на свою. Рекомендуемые размеры 31х31px
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных