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


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


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

#1 ALEXp

ALEXp

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

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

Отправлено 25 Ноябрь 2012 - 18:56

Здравствуйте. Помогите( Вы же можете ) установить вот такой слайдер на главную страницу (см.скрин) в раздел " Интересные предложения ".
Слайдер называется Easy Slider 1.7

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

  • 000.jpg


#2 support 2.0

support 2.0

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

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

Отправлено 26 Ноябрь 2012 - 12:28

Easy Slider 1.7 сильно отличается от той, что на изображении. Может Вам галерея TinyCarousel Вам больше подойдет?
В любом случае, чтобы ее установить, скачайте исходники и загрузите все файлы из архива формата js, css  и, возможно там еще будут какие-либо изображения. Напишите какой все же Вы выбрали слайдер, и мы напишем инструкцию установки именно для него


#3 ALEXp

ALEXp

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

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

Отправлено 26 Ноябрь 2012 - 20:50

Всё скачал Tiny. Нужен слайдер 2, чтоб изображал по три товара на главной странице и из настроек в админке, при внесении товара в раздел "Товары на главной"

#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 877 сообщений

Отправлено 26 Ноябрь 2012 - 22:03

Для установки данного слайдера необходимо следующее:

1) Скачать архив http://baijs.nl/tiny...sel/example.zip

2) Извлечь все файлы в архиве и закачать файлы website.css, jquery.tinycarousel.min.js, buttons.png в разделе редактора тем.

3) В шаблоне "HTML" перед строкой

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

вставить

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}website.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.tinycarousel.min.js"></script>

Далее в шаблоне "HTML" найти

<!-- Список товаров на главной -->
			  {% 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 Список товаров на главной -->

и заменить на

<!-- Список товаров на главной -->
			  {% IFNOT index_page_goods_empty %}
				<h3>Интересные предложения</h3>
				<div id="slider-code">
				  <a class="buttons prev" href="#">left</a>
				  <div class="viewport">
					 <ul class="overview">
					   {% FOR index_page_goods %}
						 <li><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></li>
					   {% ENDFOR index_page_goods %}
					</ul>
				 </div>
				 <a class="buttons next" href="#">right</a>
			   </div>
			  {% ENDIF %}	   
			  <!-- end Список товаров на главной -->

Далее в файле main.js после строки

$(document).ready(function(){

вставьте

$('#slider-code').tinycarousel({ display: 2 });

После данных изменений на вашем сайте должен появиться слайдер из 3х товаров из раздела "Товары на главной".

#5 ALEXp

ALEXp

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

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

Отправлено 26 Ноябрь 2012 - 23:31

Просмотр сообщенияVaccina (26 Ноябрь 2012 - 22:03) писал:

Для установки данного слайдера необходимо следующее:

1) Скачать архив http://baijs.nl/tiny...sel/example.zip

2) Извлечь все файлы в архиве и закачать файлы website.css, jquery.tinycarousel.min.js, buttons.png в разделе редактора тем.

3) В шаблоне "HTML" перед строкой

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

вставить

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}website.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.tinycarousel.min.js"></script>

Далее в шаблоне "HTML" найти

<!-- Список товаров на главной -->
			 {% 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 Список товаров на главной -->

и заменить на

<!-- Список товаров на главной -->
			 {% IFNOT index_page_goods_empty %}
			 <h3>Интересные предложения</h3>
			 <div id="slider-code">
				 <a class="buttons prev" href="#">left</a>
				 <div class="viewport">
					 <ul class="overview">
					 {% FOR index_page_goods %}
						 <li><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></li>
					 {% ENDFOR index_page_goods %}
				 </ul>
				 </div>
				 <a class="buttons next" href="#">right</a>
			 </div>
			 {% ENDIF %}	
			 <!-- end Список товаров на главной -->

Далее в файле main.js после строки

$(document).ready(function(){

вставьте

$('#slider-code').tinycarousel({ display: 2 });

После данных изменений на вашем сайте должен появиться слайдер из 3х товаров из раздела "Товары на главной".
Какая то фигня получилась. Зайдите ко мне на сайт, посмотрите, что получилось. Надо, чтоб было как на главной на сайте http://mircvetov76.ru/

#6 ALEXp

ALEXp

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

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

Отправлено 27 Ноябрь 2012 - 00:31

Просмотр сообщенияALEXp (26 Ноябрь 2012 - 23:31) писал:

Какая то фигня получилась. Зайдите ко мне на сайт, посмотрите, что получилось. Надо, чтоб было как на главной на сайте http://mircvetov76.ru/


Пока пробовал настроить, в нете нашёл вот такую карусель. Помогите поставить вот эту (см. скрин) называется новостная вот ссылка http://followdesign....y-chast-1.html. Только вместо новости должны стоять товары, как и на витрине: фото, название, цена, кнопка "КУПИТЬ".

НУ, ПОЖАЛУЙСТА.
СПАСИБО.

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

  • 123.png


#7 Koderhan

Koderhan

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

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

Отправлено 27 Ноябрь 2012 - 16:34

На вашем сайте почему то блок с контентом съехал.

Если хотите это исправить то можете добавить код в файл main.csstemplate (Сайт-> Редактор тем).
#content {width: 960px;margin: 0 auto;}
Теперь приступим к установке карусели.
Почти все действия нужно производить в панели администратора. Сайт -> Редактор тем.
Загрузить и распаковать архив себе на компьютер.

Содержимое архива нужно загрузить на сайт.
ScreenShot 152.jpg
Теперь подключим загруженные css и js файлы к сайту.
Открыть файл HTML.
После кода:
<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
Добавить:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

В этом же файле. До кода:
{BODY}
Добавить:
{% IF index_page %}
		 <script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
	 scroll: 1
});
});
</script>

<!-- Begin Wrapper -->
<div id="wrapper">

<div class="d-carousel">
	 <ul class="carousel">
	 {% FOR index_page_new_goods %}
	 <li> <a href="#"><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>
		 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
		 <p>{index_page_new_goods.DESCRIPTION_SHORT}</p>
	 </li>
	 {% ENDFOR index_page_new_goods %}
	 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->
{% ENDIF %}
ScreenShot 153.jpg

В этой карусели будут выводиться товары из категории "Новинки" только на главной странице.

Для того, чтобы у выводилась цена, найдите в блоке карусели строчку
<p>{index_page_new_goods.DESCRIPTION_SHORT}</p>


замените ее на
<p>
				 <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></p>

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

  • ScreenShot 155.jpg

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



#8 Jerek

Jerek

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

  • Пользователи
  • PipPipPip
  • 120 сообщений
  • ГородОренбург

Отправлено 27 Ноябрь 2012 - 17:07

Очень помогли, но вот вопросы сразу.
Реально сделать по 4 штуки в списке, и что бы размер был меньше как на фото сделал, и можно ли такое сделать к другим группам ?
Чуть не забыл, можно ли как то по середине этого слайда сделать свою надпись, к примеру Новое, Интересное и т.д.

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

  • Без имени-4.jpg


#9 support 2.0

support 2.0

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

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

Отправлено 27 Ноябрь 2012 - 17:42

Просмотр сообщенияJerek (27 Ноябрь 2012 - 17:07) писал:

Очень помогли, но вот вопросы сразу.
Реально сделать по 4 штуки в списке, и что бы размер был меньше как на фото сделал, и можно ли такое сделать к другим группам ?
Чуть не забыл, можно ли как то по середине этого слайда сделать свою надпись, к примеру Новое, Интересное и т.д.

Вам уже не нужно другую галерею делать?

#10 Jerek

Jerek

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

  • Пользователи
  • PipPipPip
  • 120 сообщений
  • ГородОренбург

Отправлено 27 Ноябрь 2012 - 17:46

Просмотр сообщенияsupport 2.0 (27 Ноябрь 2012 - 17:42) писал:

Вам уже не нужно другую галерею делать?
Конечно хотелось бы, но мне очень трудно понять как её делать ((( Не получается выставить размер изображения =( И сайт почему то уехал (( Не могли бы Вы рассказать как делать, подробнее. Благодарю за помощь.

#11 ALEXp

ALEXp

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

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

Отправлено 27 Ноябрь 2012 - 23:46

Просмотр сообщенияKoderhan (27 Ноябрь 2012 - 16:34) писал:

На вашем сайте почему то блок с контентом съехал.Теперь приступим к установке карусели.Почти все действия нужно производить в панели администратора. Сайт -> Редактор тем.Загрузить и распаковать архив себе на компьютер.Прикрепленный файл horizantal-carousel-news.zipСодержимое архива нужно загрузить на сайт.Прикрепленный файл ScreenShot 152.jpgТеперь подключим загруженные css и js файлы к сайту.Открыть файл HTML.После кода:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
Добавить:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js">

В этом же файле. После кода:
 
Добавить:
{% IF index_page %} <script type="text/javascript">jQuery(document).ready(function() {// Initialise the first and second carousel by class selector.// Note that they use both the same configuration options (none in this case).jQuery('.d-carousel .carousel').jcarousel({ scroll: 1});});
[list]
{% FOR index_page_new_goods %}[*][url="#"][img]{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}[/img][/url]
[b]	[url="{index_page_new_goods.URL}"]{index_page_new_goods.NAME}[/url][/b]

{index_page_new_goods.DESCRIPTION_SHORT}
{% ENDFOR index_page_new_goods %}
[/list]

{% ENDIF %}
Прикрепленный файл ScreenShot 153.jpgВ этой карусели будут выводиться товары из категории "Новинки" только на главной странице.
Не в обиду.Немного поправлю Вас., правда мне это стоило весь вечер до ночи и скрипения мозга.Значит так:1. Всё делается, как и писалось выше.2. Вот только код немного надо исправить
 {% IF index_page %} <script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.d-carousel .carousel').jcarousel({ scroll: 1 }); }); {% IFNOT index_page_goods_empty %}
[b]	Интересные предложения[/b]

[list]
{% FOR index_page_goods %}[*]
[url="{index_page_goods.URL}"][img]{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}[/img][/url]
[b]	[url="{index_page_goods.URL}"]{index_page_goods.NAME}[/url][/b]
[url="{index_page_goods.URL_MIN_PRICE_NOW}"]{index_page_goods.MIN_PRICE_NOW | money_format}[/url] {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
[url="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}"]{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}[/url] {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
[url="{index_page_goods.URL_MIN_PRICE_OLD}"]{index_page_goods.MIN_PRICE_OLD | money_format}[/url] {% ENDIF %}{% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("100","
[/list]
","")}{% ENDIF %} {% ENDFOR index_page_goods %}

{% ENDIF %}										
{% ENDIF %}


#12 ALEXp

ALEXp

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

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

Отправлено 27 Ноябрь 2012 - 23:54

Просмотр сообщенияKoderhan (27 Ноябрь 2012 - 16:34) писал:

На вашем сайте почему то блок с контентом съехал.

Если хотите это исправить то можете добавить код в файл main.csstemplate (Сайт-> Редактор тем).
#content {width: 960px;margin: 0 auto;}
Теперь приступим к установке карусели.
Почти все действия нужно производить в панели администратора. Сайт -> Редактор тем.
Загрузить и распаковать архив себе на компьютер.
Прикрепленный файл horizantal-carousel-news.zip
Содержимое архива нужно загрузить на сайт.
Прикрепленный файл ScreenShot 152.jpg
Теперь подключим загруженные css и js файлы к сайту.
Открыть файл HTML.
После кода:
<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
Добавить:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

В этом же файле. После кода:
		 </div>
	 </td>
	 <td id="primaryContent">
Добавить:
{% IF index_page %}
		 <script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
	 scroll: 1
});
});
</script>

<!-- Begin Wrapper -->
<div id="wrapper">

<div class="d-carousel">
	 <ul class="carousel">
	 {% FOR index_page_new_goods %}
	 <li> <a href="#"><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>
		 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
		 <p>{index_page_new_goods.DESCRIPTION_SHORT}</p>
	 </li>
	 {% ENDFOR index_page_new_goods %}
	 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->
{% ENDIF %}
Прикрепленный файл ScreenShot 153.jpg

В этой карусели будут выводиться товары из категории "Новинки" только на главной странице.
Хочу немного поправить.
1. В HTML находим
<!-- Список товаров на главной -->
2. Вставляем после этого текста
{% IF index_page %}
				  <script type="text/javascript">
	   jQuery(document).ready(function() {
		// Initialise the first and second carousel by class selector.
  // Note that they use both the same configuration options (none in this case).
		   jQuery('.d-carousel .carousel').jcarousel({
				scroll: 1
		});
   });
</script>
{% IFNOT index_page_goods_empty %}
				<h2>Интересные предложения</h2>
				 <table>
				  <tr>
				   <!-- Begin Wrapper -->
	  <div id="wrapper">
		<div class="d-carousel">
		  <ul class="carousel">
				   {% FOR index_page_goods %}
					<li 
						< 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>
						<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>
					  {% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("100","</tr><tr>","")}{% ENDIF %}
				   {% ENDFOR index_page_goods %}
				  </ul>
				</div>
			  <div class="clear"></div>
			 </div>
	  <!-- End Wrapper -->
		{% ENDIF %}
			  </tr>
				</table>
			  {% ENDIF %}	  
			  <!-- end Список товаров на главной -->
Единственное надо "поразвлекаться " со стилями в файле carousel.css

#13 ALEXp

ALEXp

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

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

Отправлено 28 Ноябрь 2012 - 08:40

вопрос в вдогонку: а как подравнять названия товара по одному уровню

#14 Koderhan

Koderhan

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

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

Отправлено 28 Ноябрь 2012 - 09:07

Просмотр сообщенияALEXp (28 Ноябрь 2012 - 08:40) писал:

вопрос в вдогонку: а как подравнять названия товара по одному уровню
Если только изменить название товара.
А описание выводится из поля "Короткое описание"

#15 ALEXp

ALEXp

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

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

Отправлено 28 Ноябрь 2012 - 09:26

Просмотр сообщенияKoderhan (28 Ноябрь 2012 - 09:07) писал:


Если только изменить название товара.
А описание выводится из поля "Короткое описание"
я имел ввиду следующее: зайдите ко мне на сайт http://mykuhny.ru  на главной странице внизу есть ИНТЕРЕСНЫЕ ПРЕДЛОЖЕНИЯ, где названия товара и цена располагаются не на одном уровне. Вот как их подравнять на один уровень вне зависимости от длины, главное чтобы начинались названия на одном уровне, как верх фото товара.

#16 Koderhan

Koderhan

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

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

Отправлено 28 Ноябрь 2012 - 10:30

Просмотр сообщенияALEXp (28 Ноябрь 2012 - 09:26) писал:

я имел ввиду следующее: зайдите ко мне на сайт http://mykuhny.ru  на главной странице внизу есть ИНТЕРЕСНЫЕ ПРЕДЛОЖЕНИЯ, где названия товара и цена располагаются не на одном уровне. Вот как их подравнять на один уровень вне зависимости от длины, главное чтобы начинались названия на одном уровне, как верх фото товара.
В файл main.csstemplate. (Сайт -> Редактор тем):
Добавить код:
.goodsListItemImage .height-img  {
	border:1px solid black;
	height: 122px;
}
В вашем коде карусели изменить на:
<div class="goodsListItemImage"><div class="height-img"><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>


#17 ALEXp

ALEXp

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

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

Отправлено 28 Ноябрь 2012 - 21:22

Просмотр сообщенияKoderhan (28 Ноябрь 2012 - 10:30) писал:

В файл main.csstemplate. (Сайт -> Редактор тем):
Добавить код:
.goodsListItemImage .height-img {
border:1px solid black;
height: 122px;
}
В вашем коде карусели изменить на:
<div class="goodsListItemImage"><div class="height-img"><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>
Спасибо. Всё GOOD. Вот только вот это я думаю не стоит ставить
border:1px solid black;


#18 dimabart

dimabart

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

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

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

Здравствуйте!
Благодаря данной теме я смог поставить карусель на свой сайт магазина. Большое спасибо.
Изменил значения некоторых переменных и моя карусель стала крутится автоматически.
Но я хочу что бы при наведении мышкой на фото  товаров в карусели она останавливалась.
А когда мышку убираешь, продолжала крутиться.
Помогите пожалуйста решить эту проблему.
http://artishka.ru/

#19 Vaccina

Vaccina

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

  • Модераторы
  • 23 877 сообщений

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

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

#20 Eugie89

Eugie89

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

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

Отправлено 19 Январь 2013 - 18:49

Замучились ставить карусель вот такого плана http://ruseller.com/...b_id=11&id=2253
помогите разобраться..




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

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