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


Вертикальное Меню

Автор cronid, 20 дек. 2012 05:36

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

#1 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 20 Декабрь 2012 - 05:36

подскажите пожалуйста, как удалить вертикальные линии, разделяющие темы горизонтального меню

#2 miyako

miyako

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

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

Отправлено 20 Декабрь 2012 - 08:18

 cronid (20 Декабрь 2012 - 05:36) писал:

подскажите пожалуйста, как удалить вертикальные линии, разделяющие темы горизонтального меню

В панели управления магазином, в разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты" находим файл main.csstemplate, открываем его. В нем находим следующий код:
  #mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FFF;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 27px;
  text-transform: uppercase;
  text-decoration: none;
  background: url(/web/upload/assets/images/144/143027/tm_link_border.gif) no-repeat right top; }
И заменяем его на:
  #mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FFF;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 27px;
  text-transform: uppercase;
  text-decoration: none;
}

#3 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 20 Декабрь 2012 - 11:16

все сделал, ничего не изменилось.

#4 miyako

miyako

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

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

Отправлено 20 Декабрь 2012 - 11:43

 cronid (20 Декабрь 2012 - 11:16) писал:

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

#5 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 20 Декабрь 2012 - 12:41

спасибо, все нормально.
еще вопрос, как там же изменить цвет шрифта. сейчас он белый и его невидно.

#6 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 20 Декабрь 2012 - 13:00

 cronid (20 Декабрь 2012 - 12:41) писал:

спасибо, все нормально.
еще вопрос, как там же изменить цвет шрифта. сейчас он белый и его невидно.

Найдите в файле main.css блок (280 строка)
#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: white;
display: block;
float: left;
padding-right: 15px;
padding-left: 27px;
text-transform: uppercase;
text-decoration: none;
}

и замените его на
#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: rgb(140, 163, 67); <!-- цвет шрифта меню по умолчанию)
display: block;
float: left;
padding-right: 15px;
padding-left: 27px;
text-transform: uppercase;
text-decoration: none;
}

Чтобы изменить вид кнопок меню при наведении, найдите под этим блоком
#mainmenu li a:hover {
background: url(/web/upload/assets/images/144/143027/tm_link_border.gif) repeat-x center bottom;
}

tm_link_border.gif - изображение, которое появляется на ссылке меню при наведении, Вы можете или загрузить на сайт свое, либо убрать строчку
background: url(/web/upload/assets/images/144/143027/tm_link_border.gif) repeat-x center bottom;
чтобы изображение при наведении не появлялось.
Чтобы При наведении на ссылки меню менялся текст, добавьте color:
Примерно, у Вас может получиться следующее
#mainmenu li a:hover {
color: #684F0F;
}

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

  • ScreenShot 41.jpg

#7 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 20 Декабрь 2012 - 13:15

Простите, в каком браузере так отображается шапка(правая часть с телефонами)? В мозиле все иначе.

#8 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 20 Декабрь 2012 - 13:33

 cronid (20 Декабрь 2012 - 13:15) писал:

Простите, в каком браузере так отображается шапка(правая часть с телефонами)? В мозиле все иначе.

У меня так отображается в google chrome. При установке, skype предлагает интегрироваться в браузер плагин, который устанавливает skype выполняет подмену телефонных номеров на странице на некий активный элемент

#9 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 20 Декабрь 2012 - 13:38

Шрифт поменял, следуя вашим советам. Пока ничего не изменилось.

#10 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 20 Декабрь 2012 - 13:56

 cronid (20 Декабрь 2012 - 13:38) писал:

Шрифт поменял, следуя вашим советам. Пока ничего не изменилось.

Где именно гне изменился цвет текста? При наведении на меню?
У Вас по-прежнему есть блок
#mainmenu li a:hover {
background: url(/web/upload/assets/images/144/143027/tm_link_border.gif) repeat-x center bottom;
}

который нужно было изменить на
#mainmenu li a:hover {
color: #684F0F;
}

Сейчас на Вашем сайте изменен цвет шрифта сылок меню на болотный. Если у Вас не показываются данные изменения, почистите кэш в Вашем браузере.

#11 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 20 Декабрь 2012 - 16:49

Спасибо, все получилось, просто мне нужно было подождать... Простите.

#12 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 21 Декабрь 2012 - 07:33

подскажите пожалуйста, что исправить, чтобы в google chrome шапка(точнее телефоны) отображались нормально, как в других браузерах.

#13 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 21 Декабрь 2012 - 13:54

 cronid (21 Декабрь 2012 - 07:33) писал:

подскажите пожалуйста, что исправить, чтобы в google chrome шапка(точнее телефоны) отображались нормально, как в других браузерах.
Если Вы хотите, чтобы не подключался скрипт от скайпа (который ставится автоматически у пользователей данного ресурса ко всем сайтам вне зависимости от Вашего желания), тогда это невозможно.
Если Вы хотите, чтобы при подключении этого скрипта номера телефонов умещались в одну строку, тогда зайдите в файл main.css и найдите блок (436 строка)
.contactInfoContent {
height: 100px;
width: 180px;
vertical-align: middle;
}

и замените ее на
.contactInfoContent {
height: 100px;
width: 200px;
vertical-align: middle;
}

#14 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 22 Декабрь 2012 - 22:01

Спасибо, разобрался.

#15 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 25 Декабрь 2012 - 09:12

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

#16 Vaccina

Vaccina

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

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

Отправлено 25 Декабрь 2012 - 09:51

Информацию по данному вопросу вы можете найти в следующей теме форума http://forum.storela...есто/#entry5459

#17 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 25 Декабрь 2012 - 11:15

Я так и сделал, но добавилось только "таблица или список" все остальное так и осталось.
http://tutdweri.ru/c...w_catefories]=1
Посмотрите.
Мне нужно. чтобы там были логотипы производителей, как тут
http://www.mosrdd.ru/catalog.php

#18 miyako

miyako

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

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

Отправлено 25 Декабрь 2012 - 13:53

 cronid (25 Декабрь 2012 - 11:15) писал:

Я так и сделал, но добавилось только "таблица или список" все остальное так и осталось.
http://tutdweri.ru/c...w_catefories]=1
Посмотрите.
Мне нужно. чтобы там были логотипы производителей, как тут
http://www.mosrdd.ru/catalog.php

Перед изменениями сделайте пожалуйста бэкап.
Далее замените полностью шаблон "Товары" на следующий:
<div class="page-headline">
  <h1>{CATEGORY_NAME}</h1>
</div>
<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
		<p>
		  <a href="http://{NET_DOMAIN}/">Главная</a>
		 
		  <!-- Если отображаем полный каталог товаров, без указания категории -->
		  {% IF IS_FULL_CATALOG %}
				 » <span class="current">Каталог товаров</span>
		  <!-- Если отображаем товары в категории -->
		  {% ELSE %}
				» <a href="{CATALOG_URL}" >Каталог товаров</a>
				{% FOR upper_navigation %}
				  {% IF upper_navigation.CURRENT %} » <span class="current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
				{% ENDFOR %}
		  {% ENDIF %}
		 
		</p>
  </div>
  <!-- end Строка пути -->
  
  <!-- Короткое SEO описание категории -->
  {% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
		<div style="padding-bottom:1em;">{CATEGORY_SEO_DESCRIPTION_SHORT}</div>
  {% ENDIF %}
  {% IF IS_FULL_CATALOG %}
		<!-- Блок навигации по категориям, вложенным в текущую категорию -->
		<ul class="content_catalog_nested_categories">
		  {% FOR nested_categories_list %}
				<li>
				  <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
				  <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a>
				</li>
		  {% ENDFOR %}
		</ul>
		<br clear="all"/>
  {% ELSE %}
  <!-- Фильтры показываются только если есть товары в категории -->
  {% IFNOT goods_empty %}
		<!-- Блок выбора параметра по которому производится сортировка списка товаров и возможность изменения лимитов выдачи -->
		<form action="">
		  <table class="goodsListingTopNavigation">
				<tr>
				  <td>
						<!-- Список фильтров, которые сейчас действуют на результаты поиска -->
						{% FOR goods_filters %}
						  <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
						{% ENDFOR %}
			   
						<!-- Поле выбора сортировки -->
						{% IF goods_show_order_fields %}
						  Сортировать по:
						  <select name="goods_search_field_id" onchange="this.form.submit();">
								{% FOR goods_order_fields %}
								  <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
								{% ENDFOR %}
						  </select>
						{% ENDIF %}
				  </td>
				  <td class="alignCenter viewSelector">
						<!-- Переключатель режима просмотра -->
						{% IF GOODS_VIEW_TYPE=2 %}
						  <strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong>&nbsp;
						  <a href="?goods_view_type=1" title="Отображать список товаров в виде списка">Список</a>
						{% ELSE %}
						  <a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a>&nbsp;
						  <strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong>
						{% ENDIF %}
						<!-- /Переключатель режима просмотра -->
				  </td>
				  <td class="alignRight">
						<!-- Поле выбора лимитов -->
						{% IF goods_show_per_page %}
						  Показывать по:
						  <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>
						{% ENDIF %}
				  </td>
				</tr>
		  </table>
		</form>
		<!-- END Блок выбора параметра по которому производится сортировка списка товаров -->
  {% ENDIF %}
  <!-- END Фильтры показываются только если есть товары в категории -->
 
  <!-- Goods list -->
  {% IF goods_empty %}
		<!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
		{% IF goods_filters_empty %}
		
		  <!-- Если в категории нет товаров, но есть категории, то отобразим их -->
		  {%IFNOT nested_categories_list_empty %}
				<!-- Блок навигации по категориям, вложенным в текущую категорию -->
				<ul class="content_catalog_nested_categories">
				  {% FOR nested_categories_list %}
						<li>
						  <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
						  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
						</li>
				  {% ENDFOR %}
				</ul>
				<br clear="all"/>
			   
		  <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет -->
		  {% ELSE %}
		   <h3>Нет товаров в категории</h3>
		  {% ENDIF %}
		<!-- Если производили фильтрацию товаров в категории -->
		{% ELSE %}
		  <h3>Нет товаров для выбранных условий</h3>
		{% ENDIF %}
  {% ELSE %}
		{% IF GOODS_VIEW_TYPE=1 %}
		  <!-- Список товаров. Список -->
		  {% FOR goods %}
				<div class="listing">
				  <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div>
	   
				  <div class="contm">
						<h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
						<p>
						  {goods.DESCRIPTION_SHORT}
						</p>
						<p>
						  Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
						  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
								Цена без учёта скидки: <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a><br />
								<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
						  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
								Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</p>
						<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
						  <p>
								<input type="hidden" name="hash" value="{HASH}" />
								<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
								<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
								<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
						   </p>
						</form>
				  </div>
				  <div class="clr"></div>
				</div>
		  {% ENDFOR goods %}
		  <!-- /Список товаров. Список -->
		{% ELSE %}
		  <!-- Список товаров. Таблица -->
		  <table>
				<tr>
				  {% FOR goods %}
						<td class="goodsListItem"> 
						  <div class="goodsListItemBlock withBorder cornerAll">
								<table class="goodsListItemImage">
								  <tr>
										<td>
										  <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
										</td>
								  </tr>
								</table>
							   
								<h3 class="goodsListItemName"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
								<div class="goodsListItemPriceNew">
								  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
								</div> 
								<div class="goodsListItemPriceOld">
								  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
										<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
								  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
										<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
								  {% ENDIF %}
								</div>
						  </div>
						</td>
				  {goods.index | is_divided("3","</tr><tr>","")}
				  {% ENDFOR goods %}
				</tr>
		  </table>
		<!-- /Список товаров. Таблица -->
		{% ENDIF %}
  {% ENDIF %}	 
  <!-- end Goods list -->
 
  <!-- Pages -->
  {% IF show_pages %}
  <div class="pagination">
		<span class="pp-title">Страницы:</span>
		{% FOR goods_pages %}
		  {% IF goods_pages.CURRENT %}
				<span class="pp-page pp-current">{goods_pages.PAGE}</span>
		  {% ELSE %}
				<a class="pp-page" href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
		  {% ENDIF %}
		{% ENDFOR %}
  </div>
  {% ENDIF %}
  <!-- end Pages -->
  {% ENDIF %}
  <!-- Описание категории -->
  {% IF CATEGORY_DESCRIPTION %}
		<div class="htmlDataBlock">
		  {CATEGORY_DESCRIPTION}
		</div>
  {% ENDIF %}
  <!-- Полное SEO описание категории -->
  {% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
		<div class="htmlDataBlock">
		  {CATEGORY_SEO_DESCRIPTION_LARGE}
		</div>
  {% ENDIF %}
 
</div>

#19 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 25 Декабрь 2012 - 14:02

 cronid (25 Декабрь 2012 - 11:15) писал:

Я так и сделал, но добавилось только "таблица или список" все остальное так и осталось.
http://tutdweri.ru/c...w_catefories]=1
Посмотрите.
Мне нужно. чтобы там были логотипы производителей, как тут
http://www.mosrdd.ru/catalog.php

Могу предложить вариант без замены кода в шаблоне Товары.
Для этого зайдите в бэк-офис -> Товары -> Товары -> в раздел Каталог товаров на сайте  
У Вас не должны быть размещены товары. У Вас там должны быть только папке с Вашими каталогами. А в этих каталогах уже и должны быть размещены сами товары. Таким образом при переходе на ссылку Каталог товаров должны открывать эти папки (каталоги)

#20 cronid

cronid

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

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 25 Декабрь 2012 - 15:57

Поменял шаблон "Товары", все получилось, Спасибо большое!
Спасибо и всем, кто откликнулся.
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Изменение общей стилистики
  6. Privacy Policy