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


Корзина, Поиск


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

#1 cs21

cs21

    Пользователь

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

Отправлено 06 Январь 2014 - 16:42

Добрый день!

Пожалуйста, помогите выровнять Ваша корзина на одном уровне с вход/регистрация в верхнем меню. Дополнительно, необходимо перенести поиск над блоком Каталог магазина.
Аккаунт SL-259209, шаблон Радость.

Заранее спасибо!

#2 Vaccina

Vaccina

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

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

Отправлено 07 Январь 2014 - 03:55

Найдите в файле стилей main.css

#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 cs21

cs21

    Пользователь

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

Отправлено 07 Январь 2014 - 13:03

 Vaccina (07 Январь 2014 - 03:55) писал:

Найдите в файле стилей main.css

#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 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 07 Январь 2014 - 15:45

 cs21 (07 Январь 2014 - 13:03) писал:

Спасибо! Можно ли дополнительно привязать картинку к Ваша корзина, а также отрегулировать размер поисковой строки на всю длину блока левого меню и изменить вид отображения на собственный?
Здравствуйте, в разделе HTML замените
<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 cs21

cs21

    Пользователь

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

Отправлено 07 Январь 2014 - 16:59

 ne_yana (07 Январь 2014 - 15:45) писал:

Здравствуйте, в разделе HTML замените
<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 Castiel

Castiel

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

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

Отправлено 07 Январь 2014 - 19:33

 cs21 (07 Январь 2014 - 16:59) писал:

Похоже, что данный код из Пластика, мне же нужен вариант для аккаунта SL-259209, шаблон Радость. Заранее спасибо!

Редактируем поиск
Добавляем в файл 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 cs21

cs21

    Пользователь

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

Отправлено 08 Январь 2014 - 10:17

Здравствуйте! Файл с названием header-search.jpg добавлен, пожалуйста, помогите установить его корректно на форму поиска. Спасибо!

#8 Castiel

Castiel

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

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

Отправлено 08 Январь 2014 - 13:39

 cs21 (08 Январь 2014 - 10:17) писал:

Здравствуйте! Файл с названием header-search.jpg добавлен, пожалуйста, помогите установить его корректно на форму поиска. Спасибо!

Попробуйте такой вариант, но обязательно сделайте бэкап шаблона.

Редактируем шаблон 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 cs21

cs21

    Пользователь

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

Отправлено 08 Январь 2014 - 14:31

Спасибо, все получилось. Скажите, возможно ли рядом с окном "Сортировать по" разместить аналогичную сортировку по производителю?

#10 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 09 Январь 2014 - 01:59

К сожалению, добавить новые правила сортировки товаров не представляется возможным. На данный момент можно использовать только правила сортировки товаров расположенные в разделе Настройки -> Основные -> Поле сортировки товаров по умолчанию. Данное поле полностью дублирует поле отображаемое на витрине магазина.

#11 cs21

cs21

    Пользователь

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

Отправлено 09 Январь 2014 - 17:04

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

#12 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

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

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

#13 cs21

cs21

    Пользователь

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

Отправлено 10 Январь 2014 - 10:36

 Сake (10 Январь 2014 - 02:37) писал:

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

Здравствуйте! Хочется перенести поле "выберите производителя" из левого меню (где оно находится сейчас) в свободное место рядом с полем сортировки. Спасибо!

Прикрепленные изображения

  • web.jpg


#14 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 10 Январь 2014 - 11:40

 cs21 (10 Январь 2014 - 10:36) писал:

Здравствуйте! Хочется перенести поле "выберите производителя" из левого меню (где оно находится сейчас) в свободное место рядом с полем сортировки. Спасибо!
Здравствуйте, в разделе HTML найдите и удалите
   <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 cs21

cs21

    Пользователь

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

Отправлено 10 Январь 2014 - 11:58

Большое спасибо, все работает!

#16 Свят

Свят

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

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

Отправлено 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; }
Здравствуйте. Выполнял инструкцию и поиск у меня получился но не весь. Помогите в конце установить картинку кликабельную поиска (на скриншоте я подставил сам её как бы хотел видеть)
И как увеличить шрифт "Искать"?
Спасибо.

Прикрепленные изображения

  • 99.jpg


#17 Vaccina

Vaccina

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

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

Отправлено 21 Январь 2014 - 03:01

Для отображения иконки загрузите изображения с названием search.jpg
Для увеличения шрифта в 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 Свят

Свят

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

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

Отправлено 21 Январь 2014 - 16:13

 Vaccina (21 Январь 2014 - 03:01) писал:

Для отображения иконки загрузите изображения с названием search.jpg
Для увеличения шрифта в 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
Спасибо с размером разобрался. А вот изображение у меня получилось как на скрине а я бы хотел справа в конце строки. Спасибо)

Прикрепленные изображения

  • 34.jpg


#19 Castiel

Castiel

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

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

Отправлено 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 Свят

Свят

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

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

Отправлено 21 Январь 2014 - 16:33

 Castiel (21 Январь 2014 - 16:19) писал:

Чтобы добавить изображение для поиска вам необходимо отредактировать 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
Сделал как Вы сказали. Вообще ничего не появилось.Размеры учел, ссылку поменял




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

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