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


Помогите Поставить Слайдер Интересных Предложений

Автор ALEXp, 25 нояб. 2012 18:56

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

#121 Сake

Сake

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

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

Отправлено 18 Апрель 2013 - 03:04

1) Вам необходимо заменить вашу ссылку в карусели 

<a href="#">

на ссылку вида 

<a href="{index_page_new_goods.IMAGE_LARGE}" rel="gallery{index_page_new_goods.ID}" onclick="$(this).nyroModalManual();return(false);">

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

<script type="text/javascript">
		 jQuery(document).ready(function() {
			jQuery('.d-carousel .carousel').jcarousel({
				   scroll: 3,
				   auto: 1,
				   wrap: 'circular'
			});
		 });
</script>

3) Вам необходимо ваш блок с ценой обвернуть в теги <center></center>

4) Возможно не верно задана переменная имени в данном блоке. Проверьте должна быть строка вида 

<h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>

5) В качестве определения количества используется подсчет количества списков <li> внутри блока 

<ul class="carousel">

#122 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 18 Апрель 2013 - 14:45

Спасибо большое, Cake!!
помогло!

#123 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 18 Апрель 2013 - 20:04

Скажите - а возможно ли сделать эти три категории: "Новинки", "Хиты", Товары на Главной" закладками?
8.jpg
и хотелось бы эти закладки чтобы отличались по цветам

и убрать надписи которые зачеркнула

#124 Сake

Сake

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

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

Отправлено 19 Апрель 2013 - 02:19

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

Вам необходимо каждый отдельный блок "Новинки", "Хиты", Товары на Главной" поместить в соответствующую вкладку.

Для скрытия заголовка вам необходимо в файл стилей main.css добавить

#breadcrumb, #primaryContent h1:first-of-type {
	display: none !important;
}

#125 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 19 Апрель 2013 - 02:46

Просмотр сообщенияСake (19 Апрель 2013 - 02:19) писал:

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

Вам необходимо каждый отдельный блок "Новинки", "Хиты", Товары на Главной" поместить в соответствующую вкладку.

Для скрытия заголовка вам необходимо в файл стилей main.css добавить

#breadcrumb, #primaryContent h1:first-of-type {
display: none !important;
}

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

#126 Vaccina

Vaccina

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

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

Отправлено 19 Апрель 2013 - 04:28

Вы можете вместо вставки данного класса в main.css вставить данный класс в шаблон "HTML" после тега <body> получиться

{%IF index_page%}
<style>
#breadcrumb, #primaryContent h1:first-of-type {
display: none !important;
}
</style>
{%ENDIF%}

#127 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 19 Апрель 2013 - 23:48

Просмотр сообщенияСake (19 Апрель 2013 - 02:19) писал:

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

Вам необходимо каждый отдельный блок "Новинки", "Хиты", Товары на Главной" поместить в соответствующую вкладку.



Не могу все же разобраться - как применить табы к спискам товаров на главной??
Помогите!!!

сделала - получилось УЖОС!
Спасите!

#128 Сake

Сake

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

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

Отправлено 20 Апрель 2013 - 01:56

Вы вставили табы с ошибкой. Пожалуйста, приведите ваш код шаблона "HTML" в вид прикрепленного txt файла.

#129 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 20 Апрель 2013 - 02:21

http://rusfolder.com/36067492
по другому не удалось прикрепить

и как избавится от серого фона и сделать закладки цветными?

#130 Taisia

Taisia

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

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

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

фон каждой вкладке можно задать тут


<div id="tabs">
<ul>
		 <li><a href="#tabs-1">Nunc tincidunt</a></li>
		 <li><a href="#tabs-2">Proin dolor</a></li>
		 <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>

каждому тегу <li> прописав стиль <li style="background:#555555 !important;"> где #555555 - цвет который можно менять но это удобно в том случае если меняться будет только один параметр

другой вариант каждому <li> приписать id

<div id="tabs">
<ul>
		 <li id="tb1"><a href="#tabs-1">Nunc tincidunt</a></li>
		 <li id="tb2"><a href="#tabs-2">Proin dolor</a></li>
		 <li id="tb3"><a href="#tabs-3">Aenean lacinia</a></li>
</ul>

а в файле main.css менять параметры для каждой вкладки добавив строки в конец файла

#tb1 {background: red;}
#tb2 {background: green;}
#tb3 {background: blue;}

в этом случае удобно добавлять несколько параметров для изменения (цвет шрифта, размер и тд) у каждой вкладки

#131 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 20 Апрель 2013 - 13:09

Помогите с ошибкой!
это важнее, чем изменить цвета..
сайт:
http://larec-ledenec.ru/

#132 Taisia

Taisia

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

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

Отправлено 20 Апрель 2013 - 13:37

у вас в коде ошибка.
сначала вставьте блок

<div id="tabs">
<ul>
		 <li><a href="#tabs-1">Nunc tincidunt</a></li>
		 <li><a href="#tabs-2">Proin dolor</a></li>
		 <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>


а потом уже блоки

<div id="tabs-1">
<p>Tab 1 content</p>
</div>
<div id="tabs-2">
<p>Tab 2 content</p>
</div>
<div id="tabs-3">
<p>Tab 3 content</p>
</div>
</div>
у вас уже они чередуются

#133 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 20 Апрель 2013 - 14:29

я что-то не так делаю
выдает ошибку
9.jpg

вот кусок кода:
				  <!-- Всевозможные списки товаров -->

<div id="tabs">
<ul>
				 <li><a href="#tabs-1">Nunc tincidunt</a></li>
				 <li><a href="#tabs-2">Proin dolor</a></li>
				 <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>				

<script type="text/javascript">
				 jQuery(document).ready(function() {
						jQuery('.d-carousel .carousel').jcarousel({
								   scroll: 1,
								   auto: 4,
								   wrap: 'circular'
						});
				 });
</script>
				 {% IF index_page %}

<!-- Список новинок на главной -->
<div id="tabs-1">
<p>

 {% IFNOT index_page_new_goods_empty %}
						 <h1><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h1>
						 {% IF index_page %}
						 
						
<div id="wrapper">
		 <div class="d-carousel">
		 <div class="goodsListItemBlock">
		 <ul class="carousel">
		 {% FOR index_page_new_goods %}
		 <li> <a href="{index_page_new_goods.IMAGE_LARGE}" rel="gallery{index_page_new_goods.ID}" onclick="$(this).nyroModalManual();return(false);"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
		 <center><h4 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
		 <br>
		 
		 
		 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
				 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
				 <br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
				 <br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a></center>
				 {% ENDIF %}
		 </li>
		  {%IF index_page_new_goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;left:5px;top:0;background:url({ASSETS_IMAGES_PATH}spring25.png);width:70px;height:70px;"style="position:relative;"></div>
{%ENDIF%}
		 {% ENDFOR index_page_new_goods %}
		 </ul>
		 </div>
		 </div>
		 <div class="clear"></div>
</div>
{% ENDIF %}	 
</p>
</div>

<!-- end Список новинок на главной -->

#134 Taisia

Taisia

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

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

Отправлено 20 Апрель 2013 - 14:51

что то совсем бардак в коде ))

откуда у вас скрипт появляется? в примере такого нет.

просто внимательно повторите то что написано по ссылке.

Просмотр сообщенияСake (19 Апрель 2013 - 02:19) писал:

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


после

<div id="tabs">
<ul>
								 <li><a href="#tabs-1">Nunc tincidunt</a></li>
								 <li><a href="#tabs-2">Proin dolor</a></li>
								 <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
у вас должно сразу идти
<div id="tabs-1">
<p>Tab 1 content</p>
</div>
<div id="tabs-2">
<p>Tab 2 content</p>
</div>
<div id="tabs-3">
<p>Tab 3 content</p>
</div>
</div>
обратите внимание на два закрывающихся </div> в конце. у вас все теряется.

удалите все изменения и начните с начала внимательно следуя инструкциям

#135 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 20 Апрель 2013 - 15:10

у меня потому что карусель стоит на все товары на главной

 <!-- Всевозможные списки товаров -->

<script type="text/javascript">
				 jQuery(document).ready(function() {
					 jQuery('.d-carousel .carousel').jcarousel({
								 scroll: 1,
								 auto: 4,
								 wrap: 'circular'
					 });
				 });
</script>
				 {% IF index_page %}
<div id="tabs">
<ul>
				 <li><a href="#tabs-1">Nunc tincidunt</a></li>
				 <li><a href="#tabs-2">Proin dolor</a></li>
				 <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>

<div id="tabs-1">
<p>
<!-- Список новинок на главной -->

{% IFNOT index_page_new_goods_empty %}
						 <h1><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h1>
						 {% IF index_page %}
					
					
<div id="wrapper">
		 <div class="d-carousel">
		 <div class="goodsListItemBlock">
		 <ul class="carousel">
		 {% FOR index_page_new_goods %}
		 <li> <a href="{index_page_new_goods.IMAGE_LARGE}" rel="gallery{index_page_new_goods.ID}" onclick="$(this).nyroModalManual();return(false);"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
		 <center><h4 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
		 <br>
	
	
		 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
				 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
				 <br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
				 <br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a></center>
				 {% ENDIF %}
		 </li>
		 {%IF index_page_new_goods.MAX_DISCOUNT_EXPIRED_AT%}
<div style="position:absolute;left:5px;top:0;background:url({ASSETS_IMAGES_PATH}spring25.png);width:70px;height:70px;"style="position:relative;"></div>
{%ENDIF%}
		 {% ENDFOR index_page_new_goods %}
		 </ul>
		 </div>
		 </div>
		 <div class="clear"></div>
</div>
{% ENDIF %}
<!-- end Список новинок на главной -->
</p>
</div>

#136 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 20 Апрель 2013 - 15:37

ПОМОГИТЕ кто-нибудь!!!!!
нужно чтобы и табы были и карусель в них

#137 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 20 Апрель 2013 - 17:32

Почему никто не отвечает?
на главной - кошмар! а я не знаю как исправить...

#138 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 20 Апрель 2013 - 19:47

ковырялась-ковырялась без чьей-либо помощи.. и наковыряла немного
сейчас так:
 <!-- Всевозможные списки товаров -->
			
<script type="text/javascript">
				 jQuery(document).ready(function() {
					 jQuery('.d-carousel .carousel').jcarousel({
								 scroll: 1,
								 auto: 4,
								 wrap: 'circular'
					 });
				 });
</script>
				 {% IF index_page %}

<!-- Список новинок на главной -->
<div id="tabs">
<ul>
																 <li><a href="#tabs-1">Новинки</a></li>
																 <li><a href="#tabs-2">Хиты продаж</a></li>
																 <li><a href="#tabs-3">Интересные предложения</a></li>
</ul>
<div id="tabs-1">
<p>

{% IFNOT index_page_new_goods_empty %}
						 <h1><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h1>
						 {% IF index_page %}
					
					
<div id="wrapper">
		 <div class="d-carousel">
		 <div class="goodsListItemBlock">
		 <ul class="carousel">
		 {% FOR index_page_new_goods %}
		 <li> <a href="{index_page_new_goods.IMAGE_LARGE}" rel="gallery{index_page_new_goods.ID}" onclick="$(this).nyroModalManual();return(false);"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
		 <center><h4 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
		 <br>
	
	
		 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
				 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
				 <br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
				 <br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a></center>
				 {% ENDIF %}
		 </li>
		 {%IF index_page_new_goods.MAX_DISCOUNT_EXPIRED_AT%}
<div style="position:absolute;left:5px;top:0;background:url({ASSETS_IMAGES_PATH}spring25.png);width:70px;height:70px;"style="position:relative;"></div>
{%ENDIF%}
		 {% ENDFOR index_page_new_goods %}
		 </ul>
		 </div>
		 </div>
		 <div class="clear"></div>
</div>
{% ENDIF %} </div>

</p></div>

<!-- end Список новинок на главной -->

Когда же я дождусь помощи!!!????

#139 Koderhan

Koderhan

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

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

Отправлено 21 Апрель 2013 - 11:04

Для того чтобы добавить товары на главной странице по разным вкладкам.
Нужно заменить большой кусок кода на главной странице.
В файле "HTML".
Найти код:
<!-- end Список новинок на главной -->
					   
				 <!-- Список хитов продаж на главной -->
			   
				
						 {% IFNOT index_page_favorites_goods_empty %}
						 <h1><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Хиты продаж</a></h1>
						 <div id="wrapper">
		 <div class="d-carousel">
		 <div class="goodsListItemBlock">
		 <ul class="carousel">
		 {% FOR index_page_favorites_goods %}
		 <li> <a href="{index_page_favorites_goods.IMAGE_LARGE}" rel="gallery{index_page_favorites_goods.ID}" onclick="$(this).nyroModalManual();return(false);"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a>
		 <center><h4 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h4>
		 <br>
		
		  {%IF index_page_favorites_goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;left:5px;top:0;background:url({ASSETS_IMAGES_PATH}spring25.png);width:70px;height:70px;"style="position:relative;"></div>
{%ENDIF%}
		 <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
				 {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
				 <br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
				 <br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a></center>
				 {% ENDIF %}
		 </li>
		 {% ENDFOR index_page_favorites_goods %}
		 </ul>
		 </div>
		 </div>
		 <div class="clear"></div>
</div>
{% ENDIF %}
</div>
<!-- end Список хитов продаж на главной -->
						 <!-- Список товаров на главной -->
					   
						 {% IFNOT index_page_goods_empty %}
						 <h1>Интересные предложения</h1>
								 <div id="wrapper">
								 <div class="d-carousel">
		 <div class="goodsListItemBlock"style="position: relative;">
		
		 <ul class="carousel">
		
		 {% FOR index_page_goods %}
		
		 <li> <a href="{index_page_goods.IMAGE_LARGE}" rel="gallery{index_page_goods.ID}" onclick="$(this).nyroModalManual();return(false);"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a>
		 <center><h4 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h4>
		 <br>
		   {%IF index_page_goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;left:5px;top:0;background:url({ASSETS_IMAGES_PATH}spring25.png);width:70px;height:70px;"style="position:relative;"></div>
{%ENDIF%}
	  
		 <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
				 {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
				 <br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
				 <br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a></center>
				 {% ENDIF %}
		 </li>
		 {% ENDFOR index_page_goods %}
		 </ul>
		 </div>
		 </div>
		 <div class="clear"></div>
</div>
{% ENDIF %}
{% ENDIF %}	
</div>
</div>

						 <!-- end Список товаров на главной -->
Заменить:
		 <!-- Всевозможные списки товаров -->
			{% IF index_page %}
		   
<style>
</style>
<div id="tabs">
<ul>
		 <li><a href="#tabs-1">Новинки</a></li>
		 <li><a href="#tabs-2">Хиты продаж</a></li>
		 <li><a href="#tabs-3">Товары на главной</a></li>
</ul>
<div id="tabs-1">
<!-- Список новинок на главной -->
			  {% IFNOT index_page_new_goods_empty %}
				<h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3>
				<table>
				  <tr>
					{% FOR index_page_new_goods %}
					 <td class="goodsListItem"> 
						<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
						<h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
						<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
						{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</div>
					  </td>
					{% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
				   {% ENDFOR index_page_new_goods %}
				  </tr>
				</table>
			  {% ENDIF %}	  
<!-- end Список новинок на главной -->
</div>
<div id="tabs-2">
  <!-- Список хитов продаж на главной -->
			  {% IFNOT index_page_favorites_goods_empty %}
				<h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Хиты продаж</a></h3>
				<table>
				  <tr>
					{% FOR index_page_favorites_goods %}
					 <td class="goodsListItem"> 
						<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
						<h3 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3>
						<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
						{% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</div>
					  </td>
					{% IFNOT index_page_favorites_goods.last %}{index_page_favorites_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
				   {% ENDFOR index_page_favorites_goods %}
				  </tr>
				</table>
			  {% ENDIF %}	  
  <!-- end Список хитов продаж на главной -->
</div>
<div id="tabs-3">
  <!-- Список товаров на главной -->
			  {% IFNOT index_page_goods_empty %}
				<h3>Интересные предложения</h3>
				<table>
				  <tr>
					{% FOR index_page_goods %}
					 <td class="goodsListItem"> 
						<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
						<h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
						<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
						{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</div>
					  </td>
					{% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
				   {% ENDFOR index_page_goods %}
				  </tr>
				</table>
			  {% ENDIF %}	  
<!-- end Список товаров на главной -->
</div>
</div>
	 
			 
			 
   
			 
			{% ENDIF %}
			<!-- END Всевозможные списки товаров -->

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.js".
Добавить в конец файла код:

$(function(){
$("#tabs").tabs();
});

#140 oxigen

oxigen

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

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

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

Добрый день. Сделала карусель как описано здесь: http://forum.storela...лож/#entry32986

Результат а прикрепленном файле. Но как видно из файла блок с картинками немного смещен вправо и граница третьей картинки как бы не видна.
1.Как можно это исправить.
2. Где меняется цвет блока для данной карусели, в котором прописывается название Интересые предложения
3. Как сделать такую же карусель для новинок и хитов.

Спасибо!

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

  • Карусель.jpg

Обратно в Главная


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

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

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