Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

2

Помогите С Дизайном Каталога

Автор Rosalina, 29 янв. 2014 14:25

Авторизуйтесь для ответа в теме

Сообщений в теме: 15

#1 Rosalina

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

Пользователи
233 сообщений

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

Сделала выпадающее меню в каталоге, но оно очень некрасиво выглядит, хотя работает отменно. Прошу помощи:

1. Убрать в каталоге в корневых и подкорневых категориях отображение количества товара.

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

http://zimaleto-perm.ru/

Наверх

#2 ne_yana

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

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

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

Rosalina (29 Январь 2014 - 14:25) писал:

Сделала выпадающее меню в каталоге, но оно очень некрасиво выглядит, хотя работает отменно. Прошу помощи:

1. Убрать в каталоге в корневых и подкорневых категориях отображение количества товара.

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

http://zimaleto-perm.ru/

1. В разделе HTML удалите

<!-- Отображение количества товаров в категории -->
																{% IF catalog_full.GOODS_COUNT>0 %}
																				({catalog_full.GOODS_COUNT})
																{% ENDIF %}

Наверх

#3 empty9228

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

Модератоpы
618 сообщений

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

Здравствуйте,
по 2ому вопросу найдите в файле css(добавим нижнее отчеркивание)

		#left .block .navigation ul li a, #right .block .navigation ul li a {  padding:4px 5px 5px 25px; display:block; color:#4c4c4c; line-height:24px; overflow:hidden;}

замените его на

		#left .block .navigation ul li a, #right .block .navigation ul li a {  padding:4px 5px 5px 25px; display:block; color:#4c4c4c; line-height:24px; overflow:hidden;   border-bottom: 1px solid #6D6B6B;}

Насчет выделения цветом, это меню сделано так, что подразделы имеют один стиль, сделать разным цветом не получится можно сделать, чтоб при наведении раздел выделялся. Найдите

ul#navmenu-v li.iehover li.iehover a {
  background: #FFFFFF;
}

замените его на

ul#navmenu-v li.iehover li.iehover a {
  background: #CACACA;
}

Наверх

#4 Rosalina

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

Пользователи
233 сообщений

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

Большое спасибо. Все получилось, и в первом и во втором вопросе. Ну если не сложно еще...
На главной странице в самом низу "статьи сайта" прыгнули вправо, можно на главной привязать в левую колонку?

Наверх

#5 Alexey11

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

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

ГородНижний новгород

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

Перед выполнением данной инструкции ОБЯЗАТЕЛЬНО создайте бэкап вашего шаблона.
Найдите данный блок кода в шаблоне HTML:

<div id="right">
		
		  <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
			<div class="block">
			  <div class="blocktitle bluelarge">
				<a href="{NEWS_SHOP_URL}">Новости магазина</a>
			  </div>
			  <div class="blockmain state padd">
				{% FOR news_list_all %}
				  <div class="statetext fnt11n txtalgnlft">
					<div class="statetitle fnt12n txtalgnlft">
					  <a href="{news_list_all.URL}" title="Перейти к новости: {news_list_all.TITLE}">{news_list_all.TITLE}</a>
					</div>
					<p>
					  {news_list_all.TEXT_SHORT}
					</p>
					{% IF news_list_all.SHOW_TIME %}
					  <div class="statedate fnt12 fnt11n txtalgnlft">
						{news_list_all.TIME | date("d.m.Y")}
					  </div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
			  </div>
			  <div class="blockbottom"></div>
			</div>
		  {% ENDIF %}
		  <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
			<div class="block">
			  <div class="blocktitle bluelarge">
				<a href="{NEWS_SHOP_URL}">Новости магазина</a>
			  </div>
			  <div class="blockmain state padd">
				{% FOR news_list_shop %}
				  <div class="statetext fnt11n txtalgnlft">
					<div class="statetitle fnt12n txtalgnlft">
					  <a href="{news_list_shop.URL}" title="Перейти к новости: {news_list_shop.TITLE}">{news_list_shop.TITLE}</a>
					</div>
					<p>
					  {news_list_shop.TEXT_SHORT}
					</p>
					{% IF news_list_shop.SHOW_TIME %}
					  <div class="statedate fnt12 fnt11n txtalgnlft">
						{news_list_shop.TIME | date("d.m.Y")}
					  </div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
			  </div>
			  <div class="blockbottom"></div>
			</div>
		  {% ENDIF %}
		  <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
			<div class="block">
			  <div class="blocktitle bluesmall">
				<a href="{NEWS_ARTICLES_URL}">Статьи сайта</a>
			  </div>
			  <div class="blockmain state padd">
				{% FOR news_list_articles %}
				  <div class="statetext fnt11n txtalgnlft">
					<div class="statetitle fnt12n txtalgnlft">
					  <a href="{news_list_articles.URL}" title="Перейти к статье: {news_list_articles.TITLE}">{news_list_articles.TITLE}</a>
					</div>
					<p>
					  {news_list_articles.TEXT_SHORT}
					</p>
					{% IF news_list_articles.SHOW_TIME %}
					  <div class="statedate fnt12 fnt11n txtalgnlft">
						{news_list_articles.TIME | date("d.m.Y")}
					  </div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
			  </div>
			  <div class="blockbottom"></div>
			</div>
		  {% ENDIF %}
		  <!-- END Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей  -->
		  {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
			<div class="block">
			  <div class="blocktitle bluelarge">
				<a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a>
			  </div>
			  <div class="blockmain state padd">
				{% FOR news_list_mass_media %}
				  <div class="statetext fnt11n txtalgnlft">
					<div class="statetitle fnt12n txtalgnlft">
					  <a href="{news_list_mass_media.URL}" title="Перейти к странице новости: {news_list_mass_media.TITLE}">{news_list_mass_media.TITLE}</a>
					</div>
					<p>
					  {news_list_mass_media.TEXT_SHORT}
					</p>
					{% IF news_list_mass_media.SHOW_TIME %}
					  <div class="statedate fnt12 fnt11n txtalgnlft">
						{news_list_mass_media.TIME | date("d.m.Y")}
					  </div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
			  </div>
			  <div class="blockbottom"></div>
			</div>
		  {% ENDIF %}
		  <!-- END Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей  -->
		</div>
		<div class="clear"></div>
	  </div>
	{% ENDIF %}
  </div>

Перенесите данный блок кода сразу после данного блока кода:

	<!-- ССЫЛКА НА ВИКУ -->
<p><a href="http://vk.com/bogatyrev_photo"><img alt="" src="http://st.zimaleto-perm.ru/1/856/891/rDNZwGRiPu8.jpg" style="width: 222px; height: 273px;" /></a></p>
<br>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 36800004);
</script>

далее в шаблоне main.css найдите данный блок кода:

#right { float:right; width:225px; margin:0 10px 0 0; }

замените его на:

#right { float:right; width:225px; margin: 20px 12px 0 0; }

Наверх

#6 Rosalina

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

Пользователи
233 сообщений

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

Чего-то не получилось... Сразу сбивается каталог.

Наверх

#7 Alexey11

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

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

ГородНижний новгород

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

Rosalina (29 Январь 2014 - 16:51) писал:

Чего-то не получилось... Сразу сбивается каталог.

Попробуйте другой вариант.

перенесите самый большой блок (из сообщения выше) сразу после данного блока кода:

 </p>
				{% IF news_list_articles.SHOW_TIME %}
				  <div class="statedate fnt12 fnt11n txtalgnlft">
					{news_list_articles.TIME | date("d.m.Y")}
				  </div>
				{% ENDIF %}
			  </div>
			{% ENDFOR %}
		  </div>
		  <div class="blockbottom"></div>
		</div>
	  {% ENDIF %}
	  <!-- END Если есть список статей и если в тарифном плане подключен модуль новостей -->
	{% ENDIF %}
  </div>

Наверх

#8 Rosalina

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

Пользователи
233 сообщений

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

Тоже не выходит, каталог уходи туда же, где статьи

Наверх

#9 Alexey11

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

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

ГородНижний новгород

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

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

Наверх

#10 engineer2009

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

Пользователи
30 сообщений

Отправлено 01 Март 2014 - 00:18

Rosalina (29 Январь 2014 - 14:25) писал:

Сделала выпадающее меню в каталоге, но оно очень некрасиво выглядит, хотя работает отменно. Прошу помощи:

1. Убрать в каталоге в корневых и подкорневых категориях отображение количества товара.

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

http://zimaleto-perm.ru/

Здравствуйте! У меня такой же шаблон как у Вас. Подскажите, пожалуйста, как вы сделали боковое меню?

Наверх

#11 Vaccina

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

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

Отправлено 01 Март 2014 - 03:57

по его вопросам ответили выше, на второй вопрос как раз дан ответ по цветовой стилизации

Наверх

#12 engineer2009

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

Пользователи
30 сообщений

Отправлено 02 Март 2014 - 12:20

Vaccina (01 Март 2014 - 03:57) писал:

по его вопросам ответили выше, на второй вопрос как раз дан ответ по цветовой стилизации

Спасибо за помощь, но я уже разобрался сам. Нашел в инете примеры и настроил под себя

Наверх

#13 Ольга

Продвинутый пользователь

Пользователи
96 сообщений

ГородМосква

Отправлено 03 Октябрь 2014 - 12:43

Здравствуйте! Подскажите где и как надо изменить цвет и жирность шрифта в каталоге в левом блоке.

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

Наверх

#14 Danil

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

Пользователи
4 645 сообщений

Отправлено 03 Октябрь 2014 - 13:46

Ольга (03 Октябрь 2014 - 12:43) писал:

Здравствуйте! Подскажите где и как надо изменить цвет и жирность шрифта в каталоге в левом блоке.

Здравствуйте.
В main.css найдите

#left .block .navigation ul li a, #right .block .navigation ul li a {
padding: 4px 5px 5px 25px;
display: block;
color: #4c4c4c;
line-height: 24px;
overflow: hidden;
font-size: 12px !important;
}

И замените на

#left .block .navigation ul li a, #right .block .navigation ul li a {
padding: 4px 5px 5px 25px;
display: block;
color: #4c4c4c;
line-height: 24px;
overflow: hidden;
font-size: 12px !important;
font-weight: bold !important;
}

Изменяйте значение 12px

Наверх

#15 Ольга

Продвинутый пользователь

Пользователи
96 сообщений

ГородМосква

Отправлено 07 Октябрь 2014 - 10:40

Danil (03 Октябрь 2014 - 13:46) писал:

Здравствуйте.
В main.css найдите

#left .block .navigation ul li a, #right .block .navigation ul li a {
padding: 4px 5px 5px 25px;
display: block;
color: #4c4c4c;
line-height: 24px;
overflow: hidden;
font-size: 12px !important;
}

И замените на

#left .block .navigation ul li a, #right .block .navigation ul li a {
padding: 4px 5px 5px 25px;
display: block;
color: #4c4c4c;
line-height: 24px;
overflow: hidden;
font-size: 12px !important;
font-weight: bold !important;
}

Изменяйте значение 12px

Спасибо! Изменения понятны. НО меня интересовало локальное изменение, а именно "подбор турбин по маркам" (этот подраздел выделен в рамочку), не меняя одновременно остальные подразделы каталога. Т.е. каждый подраздел мог бы нести свою подачу изменения.

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

Наверх

#16 Danil

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

Пользователи
4 645 сообщений

Отправлено 07 Октябрь 2014 - 16:24

Ольга (07 Октябрь 2014 - 10:40) писал:

Спасибо! Изменения понятны. НО меня интересовало локальное изменение, а именно "подбор турбин по маркам" (этот подраздел выделен в рамочку), не меняя одновременно остальные подразделы каталога. Т.е. каждый подраздел мог бы нести свою подачу изменения.

В таком случае для каждой категории придется писать отдельное условие.
В шаблоне html найдите код

<!-- Каталог товаров -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">КАТАЛОГ ТОВАРОВ</a></div>
	  <div class="blockmain navigation fnt12n">
	  <li class= "default off" style="color: red;">
		<ul>
		{% IFNOT catalog_empty %}
		  {% FOR catalog %}
			{% IFNOT catalog.HIDE %}
			  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
		</ul>
	  </div>
	  <div class="blockbottom"></div>
	</div>
	<!-- END Каталог товаров -->

И замените на

   <!-- Каталог товаров -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">КАТАЛОГ ТОВАРОВ</a></div>
	  <div class="blockmain navigation fnt12n">
	  <li class= "default off" style="color: red;">
		<ul>
		{% IFNOT catalog_empty %}
		  {% FOR catalog %}
			{% IFNOT catalog.HIDE %}
			  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>
			  {% IF catalog.NAME = Название категории %}style="Сюда пишем стили;" {% ENDIF %}
			 </a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
		</ul>
	  </div>
	  <div class="blockbottom"></div>
	</div>
	<!-- END Каталог товаров -->

Далее после

			  {% IF catalog.NAME = Сюда пишем название категории %}style="Сюда пишем стили;" {% ENDIF %}

Добавляйте аналогичную строку, для другой категории

Наверх

Обратно в Каталог товаров

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

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

Помогите С Дизайном Каталога

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

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

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

Войти

Google поиск