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


Вопросы По Каталогам + Смежные Вопросы(!sos!)

каталог фильтр местоположение

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

#1 Захар

Захар

    Новичок

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

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

Здравствуйте! Прошу помочь внести изменения на сайте. Дело в том, что созданием и заполнением сайта занимался не я, а человек, который более менее в этом соображает. Сейчас, в силу определенных причин, ему совершенно некогда, поэтому приходится самому заниматься этим вопросом.(это я к тому, что могу не понять термины, которые вы можете использовать, поэтому сильно не ругайте :)) ). К сообщению прикрепил следующие файлы: «текущий вид сайта», «желаемый вид» , «изображение со ссылками на ниже перечисленные вопросы», «шаблоны(HTML, main.css, main.js)” и «новая функция»
Вопросы(иллюстрация вопросов в файле «изображение со ссылками на ниже перечисленные вопросы»):

1) Как добавить меню слева. Точнее даже интересует вопрос как его разместить в нужном месте после добавления... А то оно появляется в любом месте страницы, но только не в нужном.

2)
а) Как размещать изображения в столбце каталога или чуть ниже него?

б) Как добавить функцию на сайт, с помощью которой посетитель смог бы загрузить изображение и оставить какой-либо текст(описание), а я, в свою очередь, смог бы всё это увидеть(на почте либо где-то в другом месте). Идея эта возникла давно, но руки все не доходили. Недавно увидел подобный сервис уже у конкурента, поэтому тянуть некуда(скриншот сервиса «новая функция.jpg»)

3) Как вывести ФИЛЬТР(поиск по параметрам) в область как на изображении «изображение со ссылками на ниже перечисленные вопросы»?

4) Как установить кнопку «поделиться» именно в область шапки? А то у меня получается почти везде, но только не там, где хотелось бы....

Очень надеюсь на вашу помощь. Заранее огромное спасибо за любую полезную информацию!!!!!!!!!!!

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

  • «изображение со ссылками на ниже перечисленные вопросы».jpg
  • Вид сейчас.jpg
  • Желаемый вид.jpg
  • новая функция.jpg

Прикрепленные файлы

  • Прикрепленный файл  HTML.doc   69,5К   110 Количество загрузок:
  • Прикрепленный файл  maincss.doc   81К   319 Количество загрузок:
  • Прикрепленный файл  mainjs.doc   54К   108 Количество загрузок:


#2 miyako

miyako

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

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

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

Просмотр сообщенияЗахар (28 Январь 2014 - 02:59) писал:

Здравствуйте! Прошу помочь внести изменения на сайте. Дело в том, что созданием и заполнением сайта занимался не я, а человек, который более менее в этом соображает. Сейчас, в силу определенных причин, ему совершенно некогда, поэтому приходится самому заниматься этим вопросом.(это я к тому, что могу не понять термины, которые вы можете использовать, поэтому сильно не ругайте :)) ). К сообщению прикрепил следующие файлы: «текущий вид сайта», «желаемый вид» , «изображение со ссылками на ниже перечисленные вопросы», «шаблоны(HTML, main.css, main.js)” и «новая функция»
Вопросы(иллюстрация вопросов в файле «изображение со ссылками на ниже перечисленные вопросы»):

1) Как добавить меню слева. Точнее даже интересует вопрос как его разместить в нужном месте после добавления... А то оно появляется в любом месте страницы, но только не в нужном.

2)
а) Как размещать изображения в столбце каталога или чуть ниже него?

б) Как добавить функцию на сайт, с помощью которой посетитель смог бы загрузить изображение и оставить какой-либо текст(описание), а я, в свою очередь, смог бы всё это увидеть(на почте либо где-то в другом месте). Идея эта возникла давно, но руки все не доходили. Недавно увидел подобный сервис уже у конкурента, поэтому тянуть некуда(скриншот сервиса «новая функция.jpg»)

3) Как вывести ФИЛЬТР(поиск по параметрам) в область как на изображении «изображение со ссылками на ниже перечисленные вопросы»?

4) Как установить кнопку «поделиться» именно в область шапки? А то у меня получается почти везде, но только не там, где хотелось бы....

Очень надеюсь на вашу помощь. Заранее огромное спасибо за любую полезную информацию!!!!!!!!!!!

1) Перед изменениями сделайте копию дизайн шаблона в разделе Сайт - Редактор шаблонов - внизу - Создать бэкап шаблона.

Найдите в шаблоне HTML код -
  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
  <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
  {% IF SHOW_GOODS_FILTERS %}
		<style>
		  .filters { }
		  .filters .filter { float:left;padding-right:10px;width:150px; }
		  .filters .filter select { width:150px; }
		</style>
		<li class="goods_filters"><br /><h2>Фильтры</h2>
		  <div class="filters">  
				<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
				<form action="" method="get">
				  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				  {% FOR filter_attr_list %}
						<div class="filter">
						  {filter_attr_list.NAME}:<br />
						  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
								<option> - все - </option>
								{% FOR values %}
								  <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
								{% ENDFOR %}
						  </select>
						</div>
				  {% ENDFOR %}
 
				  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
				  {% FOR filter_prop_list %}
						<div class="filter">
						  {filter_prop_list.NAME}:<br />
						  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('rel')); this.form.submit();" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
								<option> - все - </option>
								{% FOR values %}
								  <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
								{% ENDFOR %}
						  </select>
						</div>
				  {% ENDFOR %}
				  <div class="clear"></div>
				</form>
		  </div>
		</li>
  {% ENDIF %}
{% ENDIF %}				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
это строки 328 / 371 и удалите этот код.



Найдите в разделе Сайт - Редактор шаблонов - шаблон HTML. Далее найдите строку -
	<td class="content_body cont700">
и до этой строки добавьте код -
<td class="content_catalog cont250">
				   <!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu">
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров 2</a></h2>
					<ul>
					{%IFNOT catalog_full_empty %}
					  {% FOR catalog_full %}
						{% IF catalog_full.HIDE %}
						  <li class="cat-item">
							<a href="{catalog_full.URL}"
							  {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}
							>{catalog_full.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li>
									<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
  <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
  {% IF SHOW_GOODS_FILTERS %}
		<style>
		  .filters { }
		  .filters .filter { float:left;padding-right:10px;width:150px; }
		  .filters .filter select { width:150px; }
		</style>
		<li class="goods_filters"><br /><h2>Фильтры</h2>
		  <div class="filters">  
				<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
				<form action="" method="get">
				  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				  {% FOR filter_attr_list %}
						<div class="filter">
						  {filter_attr_list.NAME}:<br />
						  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
								<option> - все - </option>
								{% FOR values %}
								  <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
								{% ENDFOR %}
						  </select>
						</div>
				  {% ENDFOR %}
 
				  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
				  {% FOR filter_prop_list %}
						<div class="filter">
						  {filter_prop_list.NAME}:<br />
						  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('rel')); this.form.submit();" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
								<option> - все - </option>
								{% FOR values %}
								  <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option>
								{% ENDFOR %}
						  </select>
						</div>
				  {% ENDFOR %}
				  <div class="clear"></div>
				</form>
		  </div>
		</li>
  {% ENDIF %}
{% ENDIF %}				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
				</ul>
			  </div>
		  </td>

Далее в разделе Сайт - Редактор шаблонов - Стили - main.css найдите код -
.cont250 {
width: 250px ;
}
и замените на -
.cont250 {
width: 150px;
}


После этого зайдите в раздел Товары - Товары - слева список - Каталог товаров на сайте. В нем добавьте несколько категорий для нового меню и сделайте их Скрытыми (зайдите в каждую из категорий и поставьте галочку напротив Скрыть категорию).

#3 Захар

Захар

    Новичок

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

Отправлено 28 Январь 2014 - 22:41

Спасибо большое за отклик! Помогло, но частично! Каталог действительно появился в том самом месте, где я и хотел его увидеть, НО сбил при этом практически всю структуру страницы.(скрин во вложенном файле).  

После внесения изменений в main.css на странице са

Далее в разделе Сайт - Редактор шаблонов - Стили - main.css найдите код -
.cont250 {
width: 250px ;
}
и замените на -
.cont250 {
width: 150px;
}

ПРОДОЛЖЕНИЕ.....
После замены строки в main.css на странице сайта каких-либо изменений я не заметил....

Прикрепляю скриншот, который сделал после выполнения вашей инструкции...

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

  • Сохраненное изображение 2014-1-28_23-14-17.20.jpg


#4 Vaccina

Vaccina

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

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

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

необходимо сохранять изменения на сайте, чтобы мы могли досконально проверить код и проконсультировать вас далее.




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

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