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


Как Сделать Слева От Категорий Картиинку


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

#21 miyako

miyako

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

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

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

Просмотр сообщенияIgarez (16 Декабрь 2012 - 23:04) писал:

Подскажите пожалуйста как сделать кнопки в одну строку? (Показано на скриншоте)
Вот код:
<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}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</a><a class="readmore" href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>

Спасибо
Укажите пожалуйста свой id или адрес вашего сайта

#22 Flor@@

Flor@@

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

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

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

Изображение
вот так хочу сделать.
то есть на некоторые разделы каталога наложить картинку с непрозрачным фоном и названием категории, написанным непосредственно на картинке.
Готова пропиать вручную.

#23 miyako

miyako

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

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

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

Просмотр сообщенияotdyh-i-son.ru (22 Декабрь 2012 - 06:56) писал:

Изображение
вот так хочу сделать.
то есть на некоторые разделы каталога наложить картинку с непрозрачным фоном и названием категории, написанным непосредственно на картинке.
Готова пропиать вручную.

У вас тема Сияние?
Как я поняла вам нужно поменять фон к разделам меню: "Матрасы (все)", "Матрасы по производителям", "Мебель", "Кровати по производителям", "Детская мебель" ? Еще пришлите пожалуйста код вашего каталога товаров, который расположен слева (левое меню).

#24 Flor@@

Flor@@

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

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

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

Просмотр сообщенияmiyako (22 Декабрь 2012 - 10:18) писал:

У вас тема Сияние?
Как я поняла вам нужно поменять фон к разделам меню: "Матрасы (все)", "Матрасы по производителям", "Мебель", "Кровати по производителям", "Детская мебель" ? Еще пришлите пожалуйста код вашего каталога товаров, который расположен слева (левое меню).
Да тема СИЯНИЕ,
И как я понимаю, что я не могу изменять отдельные строчки каталога в отдельные цвета, а могу менять лишь оформление всех строчек сразу, поэтому я и хочу прикрепить картинки для определенных категорий с названиями этих категорий, чтобы таким образом выделить названия разделов каталога.
Вот код:
<!-- Каталог -->
<a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a>
<ul id="subNavigation">
<li>
{%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 style="width: 145px; font-size:14px" value="{catalog_full.URL}">{catalog_full.NAME}</option>
{% ENDIF %}
{% ENDFOR %}
</select>
{% ENDIF %}
</li>
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
<li class="
level{catalog_full.LEVEL}
nav-{catalog_full.index}
{% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
{% IF catalog_full.HIDE %}hide{% ENDIF %}
">
<a href="{catalog_full.URL}">
<span style="display: inline;">{catalog_full.NAME}</span>
{% IF catalog_full.NAME=Подушки (все)%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Все детские матрасы%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Лонакс%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Александрия%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Виртуоз%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы DreamLine%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Аннита%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Аннита%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Дримпром%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Мебель Интер-М%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Спальни%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Столы%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Кровати Скандмебель%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Детские комнаты по производителям%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Детские диваны%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Детское постельное белье%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=ДАЧНАЯ МЕБЕЛЬ%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=РАСПРОДАЖА И АКЦИИ%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...06/skidka2.gif" />{% ENDIF %}
{% IF catalog_full.NAME=РАСПРОДАЖА И АКЦИИ%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Сопутствующие услуги%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
</a>
<!--{% IF catalog_full.GOODS_COUNT>0 %}
({catalog_full.GOODS_COUNT})
{% ENDIF %}-->
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
<!-- /Каталог товаров -->

#25 miyako

miyako

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

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

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

Просмотр сообщенияotdyh-i-son.ru (26 Декабрь 2012 - 03:56) писал:

Да тема СИЯНИЕ,
И как я понимаю, что я не могу изменять отдельные строчки каталога в отдельные цвета, а могу менять лишь оформление всех строчек сразу, поэтому я и хочу прикрепить картинки для определенных категорий с названиями этих категорий, чтобы таким образом выделить названия разделов каталога.
Вот код:
<!-- Каталог -->
<a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a>
<ul id="subNavigation">
<li>
{%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 style="width: 145px; font-size:14px" value="{catalog_full.URL}">{catalog_full.NAME}</option>
{% ENDIF %}
{% ENDFOR %}
</select>
{% ENDIF %}
</li>
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
<li class="
level{catalog_full.LEVEL}
nav-{catalog_full.index}
{% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
{% IF catalog_full.HIDE %}hide{% ENDIF %}
">
<a href="{catalog_full.URL}">
<span style="display: inline;">{catalog_full.NAME}</span>
{% IF catalog_full.NAME=Подушки (все)%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Все детские матрасы%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Лонакс%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Александрия%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Виртуоз%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы DreamLine%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Аннита%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Аннита%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Матрасы Дримпром%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Мебель Интер-М%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Спальни%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Столы%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Кровати Скандмебель%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Детские комнаты по производителям%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
{% IF catalog_full.NAME=Детские диваны%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Детское постельное белье%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=ДАЧНАЯ МЕБЕЛЬ%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=РАСПРОДАЖА И АКЦИИ%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...06/skidka2.gif" />{% ENDIF %}
{% IF catalog_full.NAME=РАСПРОДАЖА И АКЦИИ%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...категориям.jpg" />{% ENDIF %}
{% IF catalog_full.NAME=Сопутствующие услуги%}<img style="vertical-align: middle;" src="http://otdyh-i-son.r...трелка11-1.gif" />{% ENDIF %}
</a>
<!--{% IF catalog_full.GOODS_COUNT>0 %}
({catalog_full.GOODS_COUNT})
{% ENDIF %}-->
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
<!-- /Каталог товаров -->

Можно добавить стили вручную к каждому разделу меню таким образом:
Найдите файл main.csstemplate в панели управления сайтом в разделе Сайт > Редактор тем > Стили и скрипты и вставьте следующий код:
#nav li.nav-1 , li.nav-16, li.nav-84, li.nav-98, li.nav-110 {background:blue;/*цвет фона*/}
#nav .nav-1 span , .nav-16 span, .nav-84 span, .nav-98 span, .nav-110 span{color:white;/*цвет текста*/}


#26 Flor@@

Flor@@

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

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

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

Просмотр сообщенияmiyako (26 Декабрь 2012 - 13:04) писал:

Можно добавить стили вручную к каждому разделу меню таким образом:
Найдите файл main.csstemplate в панели управления сайтом в разделе Сайт > Редактор тем > Стили и скрипты и вставьте следующий код:
#nav li.nav-1 , li.nav-16, li.nav-84, li.nav-98, li.nav-110 {background:blue;/*цвет фона*/}
#nav .nav-1 span , .nav-16 span, .nav-84 span, .nav-98 span, .nav-110 span{color:white;/*цвет текста*/}

Вставила данный код, а что делать-то дальше?

Как прописать теперь стили к нужным категориям, подскажите, пожалуйста.

#27 miyako

miyako

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

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

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

Просмотр сообщенияotdyh-i-son.ru (27 Декабрь 2012 - 12:14) писал:

Вставила данный код, а что делать-то дальше?

Как прописать теперь стили к нужным категориям, подскажите, пожалуйста.

Напишите к каким именно категориям нужно применить стили. И что вы хотите поменять? Лучше приложите скриншот, как именно должно выглядеть ваше левое меню

#28 Flor@@

Flor@@

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

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

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

разобралась, спасибо.

#29 Flor@@

Flor@@

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

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

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

Разобалась? но нужна помощь в закруглениии изображения (синего прямоугольника) для данных категорий, ЕСЛИ ВОЗМОЖНО.

#30 miyako

miyako

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

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

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

Просмотр сообщенияotdyh-i-son.ru (27 Декабрь 2012 - 14:48) писал:

необходимо выделить цветом (только не ядрено синим, а голубым с черным а не белым шрифтом) ТОЛЬКО следующие категории на сайте:
"ХИТЫ ПРОДАЖ"
"МАТРАСЫ"
"МАТРАСЫ ПО ПРОИЗВОДИТЕЛЯМ"
"МЕБЕЛЬ"
"КРОВАТИ ПО ПРОИЗВОДИТЕЛЯМ"
"ДЕТСКАЯ МЕБЕЛЬ"
"ПРОЧЕЕ"

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

#nav li.nav-1 , li.nav-16 , li.nav-84 , li.nav-98 , li.nav-110 , li.nav-141 , li.nav-148 {background:#9ae2ed;/*цвет фона*/}
#nav li.nav-1 a:hover, li.nav-16 a:hover, li.nav-84 a:hover, li.nav-98 a:hover, li.nav-110 a:hover, li.nav-141 a:hover, li.nav-148 a:hover{background:#7ad0eb;/*цвет фона при наведении*/ font-weight:normal;/*убрать жирное начертание при наведении*/}
#nav .nav-1 span , .nav-16 span, .nav-84 span, .nav-98 span, .nav-110 span, .nav-141 span, .nav-148 span{color:black;/*цвет текста*/}

Подобрать цвет можно здесь - http://editor.0lik.ru/. А потом вставьте код цвета.

#31 Igarez

Igarez

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

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

Отправлено 24 Март 2013 - 13:00

Просмотр сообщенияmiyako (17 Декабрь 2012 - 07:54) писал:

Укажите пожалуйста свой id или адрес вашего сайта

SL-158449

#32 mikola

mikola

    Good soo good

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

Отправлено 24 Март 2013 - 14:02

Просмотр сообщенияIgarez (24 Март 2013 - 13:00) писал:

SL-158449
в main.css
найти код
a.readmore {
  font: bold 12px/30px Tahoma, Geneva, sans-serif;
  color: #666;
  text-decoration: none;
  background: url(http://design.mbeats-store.ru/read_more2.png) no-repeat left top;
  height: 30px;
  width: 135px;
  padding-left: 15px;
  display: block;}
и заменить его на
код
a.readmore {
  font: bold 12px/30px Tahoma, Geneva, sans-serif;
  color: #666;
  text-decoration: none;
  background: url(http://design.mbeats-store.ru/read_more2.png) no-repeat left top;
  height: 30px;
  width: 135px;
  padding-left: 15px;
  display: block;
  float: left;
}


#33 Igarez

Igarez

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

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

Отправлено 24 Март 2013 - 15:11

Просмотр сообщенияMikola (24 Март 2013 - 14:02) писал:

в main.css
найти код
a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url(http://design.mbeats-store.ru/read_more2.png) no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: block;}
и заменить его на
код
a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url(http://design.mbeats-store.ru/read_more2.png) no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: block;
float: left;
}

Спасибо

#34 Сальвадор

Сальвадор

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

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

Отправлено 30 Апрель 2013 - 12:59

Подскажите, какой код и куда нужно вставить в моём случае, если нужно, чтобы иконки были перед разделами блоков Наши преимущества и Каталог товаров и перед самими блоками, но чуть больше.
http://strazidmc.ru/
Спасибо  

  <table id="contentMainTb">
       <tr>
          <td id="leftMenuBlockWrap">
       <div id="leftMenuBlock">    
  <!-- меню -->
<h4 class="contentTbodyCatalogHeader txt">Наши преимущества</h4>
<ul id="subNavigation" class="mymenu">
{% FOR menu %}
{% FOR right %}
{% FOR links %}
<li>
<a href="{menu.right.links.URL}" {% IF menu.right.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.right.links.TITLE %}title="{menu.right.links.TITLE}"{% ENDIF %}>{menu.right.links.NAME}</a>
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<!-- end меню -->
                  <!-- Каталог -->
                  <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
  <ul id="subNavigation">
                    {%IFNOT catalog_empty %}
  {% FOR catalog %}
    {% IFNOT catalog.HIDE %}
  <li>
    <a href="{catalog.URL}"
  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
    >{catalog.NAME}</a>
  </li>
    {% ENDIF %}
  {% ENDFOR %}
    {% ENDIF %}
                  </ul>
                  <!-- end Каталог -->

#35 Сake

Сake

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

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

Отправлено 01 Май 2013 - 01:04

В вашем случае это будет примерно следующий код

<table id="contentMainTb">
		<tr>
		   <td id="leftMenuBlockWrap">
		<div id="leftMenuBlock">   
   <!-- меню -->
<h4 class="contentTbodyCatalogHeader txt"><img src="Наши преимущества" alt="" /> Наши преимущества</h4>
<ul id="subNavigation" class="mymenu">
{% FOR menu %}
{% FOR right %}
{% FOR links %}
<li>
<a href="{menu.right.links.URL}" {% IF menu.right.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.right.links.TITLE %}title="{menu.right.links.TITLE}"{% ENDIF %}>
{%IF menu.right.links.NAME=7 причин купить у Нас%}
   <img src="7 причин купить у Нас" alt="" />
{%ELSEIF menu.right.links.NAME=Акции и скидки%}
   <img src="Акции и скидки" alt="" />
{%ENDIF%}{menu.right.links.NAME}
</a>
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<!-- end меню -->
				   <!-- Каталог -->
				   <h4 class="contentTbodyCatalogHeader"><img src="Каталог товаров" alt="" /> Каталог товаров</h4>
   <ul id="subNavigation">
					 {%IFNOT catalog_empty %}
   {% FOR catalog %}
	 {% IFNOT catalog.HIDE %}
   <li>
	 <a href="{catalog.URL}"
   {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
   {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
	 >
  {%IF catalog=Стразы холодной фиксации%}
	   <img src="Стразы холодной фиксации" alt="" />
	 {%ELSEIF catalog=Термоклеевые стразы Furor%}
	   <img src="Термоклеевые стразы Furor" alt="" />
	 {%ENDIF%}{catalog.NAME}
  </a>
   </li>
	 {% ENDIF %}
   {% ENDFOR %}
	 {% ENDIF %}
				   </ul>
				   <!-- end Каталог -->

вам необходимо в данном коде заменить все src атрибуты на ссылки к соответствующим изображениям.

#36 lobzik-profi

lobzik-profi

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

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

Отправлено 10 Май 2013 - 08:12

Здравствуйте.
По вышеприведенным спосабам картинку вставить не получается.
Прошу помочь, нужно вставить картинку и перед 1 категорией в катологе и далее если ее открыл в последующих 2 категориях.
Аккаунт SL-12336

КОД на сайте
  <!-- Каталог -->
  <div class="pad-box">
    <ul class="leftmenu">
  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
    <ul>
    {%IFNOT catalog_empty %}
  {% FOR catalog %}
    {% IFNOT catalog.HIDE %}
  <li class="cat-item">
    <a href="{catalog.URL}"
  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
    >{catalog.NAME}</a>
  </li>
    {% ENDIF %}
  {% ENDFOR %}
    {% ENDIF %}
    </ul><br />
  <embed src="http://dezzi.ru/imag...74571_185a.swf" wmode="transparent" width="250" height="180" <="" embed="">
  </li>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir"></div>

#37 Сake

Сake

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

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

Отправлено 14 Май 2013 - 03:33

Изображение категории можно вставить только по имени категории. Ваш код каталога будет выглядеть так

<ul class="leftmenu">
<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
	 <ul>
	 {%IFNOT catalog_empty %}
{% FOR catalog %}
	 {% IFNOT catalog.HIDE %}
<li class="cat-item">
	 <a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
	 >
{%IF catalog.NAME=Название категории 1%}
<img src="Ссылка на изображение категории 1" alt="Название категории 1" />
{%ELSEIF catalog.NAME=Название категории 2%}
<img src="Ссылка на изображение категории 2" alt="Название категории 2" />
{%ELSEIF catalog.NAME=Название категории 3%}
<img src="Ссылка на изображение категории 3" alt="Название категории 3" />
{%ELSEIF catalog.NAME=Название категории 4%}
<img src="Ссылка на изображение категории 4" alt="Название категории 5" />
{%ENDIF%}{catalog.NAME}</a>
</li>
	 {% ENDIF %}
{% ENDFOR %}
	 {% ENDIF %}
	 </ul>

Вам останется загрузить изображения, и указать в данном коде соответствующие ссылки на изображения(<img src="Ссылка на изображение категории 4" alt="Название категории 5" />), а так же корректно задать названия категорий в условии отображения изображений(IF catalog.NAME=Название категории 1).

#38 lobzik-profi

lobzik-profi

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

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

Отправлено 14 Май 2013 - 17:29

БЛАГОДАРЮ,БУДУ ПРОБОВАТЬ.




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

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