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

[Castiel]

mark03 (01 Март 2014 - 11:15) писал:

Vaccina,я сделал!Спасибо!Как скрытую категорию скрыть?

Здравствуйте, уточните пожалуйста ваш вопрос.
Если вы хотите скрыть одну из категорий на вашем сайте, то заходим в Товары - Товары, выбираем нужную категорию и редактируем ее, ставим галочку на против Скрыть товарную категорию на сайте

[mark03]

Castiel (01 Март 2014 - 12:46) писал:

Здравствуйте, уточните пожалуйста ваш вопрос.
Если вы хотите скрыть одну из категорий на вашем сайте, то заходим в Товары - Товары, выбираем нужную категорию и редактируем ее, ставим галочку на против Скрыть товарную категорию на сайте

она скрытая и галочка на ней, "акция"

[mark03]

mark03 (02 Март 2014 - 00:31) писал:

она скрытая и галочка на ней, "акция"

забудьте,я удалил категорию

помогите установить слайдер http://demo.dev7stud...fredsel/demo-4/
на главную для новинок и можно ли в три этажа установить или три раза))
желательно карточка товара чтоб с ценой и названием крутилась.

[Vaccina]

Подобная тема обсуждалась у нас на форуме и имеет инструкции:
http://forum.storela...ресных-предлож/

А внешний вид карусели всегда можно изменить.

[mark03]

Vaccina (04 Март 2014 - 02:17) писал:

Подобная тема обсуждалась у нас на форуме и имеет инструкции:
http://forum.storela...ресных-предлож/

А внешний вид карусели всегда можно изменить.

какие файлы подгружать из распаковки, объясните плиз, я воспользуюсь вашей инструкцией,а не кодерхана, только напишите как это будет выглядеть для "новинки!"

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

•  carouFredSel-6.2.1.zip   73,55К   69 Количество загрузок:

[Vaccina]

Если вы хотите воспользоваться моей инструкцией, то архив от другой карусели  вам не нужен, так как работа пойдет с каруселью
http://baijs.com/tinycarousel/
на данном сайте вы можете скачать архив, далее по инструкции: #4

[mark03]

Vaccina (05 Март 2014 - 02:38) писал:

Если вы хотите воспользоваться моей инструкцией, то архив от другой карусели  вам не нужен, так как работа пойдет с каруселью
http://baijs.com/tinycarousel/
на данном сайте вы можете скачать архив, далее по инструкции: #4

она не автоматическая(((
да и я тогда пробовал ее установить, намучался с ней
мне нужно установить именно эту http://demo.dev7stud...fredsel/demo-4/ карусель и именно для новинок.

[Сake]

Вы можете так же подключить и jcarousel инструкция подключения описана в сообщении http://forum.storela...лож/#entry32986

Данные карусели (tinycarousel и jcarousel) ничем от указанной вами не отличаются, они так же поддерживают функцию автоматической прокрутки. К тому же карусели caroufredsel требуется jquery версии не ниже v1.7+. В результате её не получиться подключить в большинство предустановленных тем оформления.

[mark03]

Сake (05 Март 2014 - 06:52) писал:

Вы можете так же подключить и jcarousel инструкция подключения описана в сообщении http://forum.storela...лож/#entry32986

Данные карусели (tinycarousel и jcarousel) ничем от указанной вами не отличаются, они так же поддерживают функцию автоматической прокрутки. К тому же карусели caroufredsel требуется jquery версии не ниже v1.7+. В результате её не получиться подключить в большинство предустановленных тем оформления.

хорошо,я подключил,карусель съехала
и карточка товара не видна, только картинка
как исправить и сделать на автомате?

[Vaccina]

уточните пожалуйста, какие элементы должны присутствовать? сейчас у вас в карусель идет по 3 товара, где фото и название товара, ценник вам нужен?
попробуйте в HTML использовать сл.конструкцию:

<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
{% FOR index_page_new_goods %}
						<li class="goodsListItem"> 
						  <div class="goodsListItemBlock withBorder cornerAll"><div style = "margin-top: 5px; height:40px;">
						  <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;" style="font-size:12px; color: #000;">{index_page_new_goods.NAME}</a>  </div>
							<table class="goodsListItemImage">
							  <tr>
								<td>
								  <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
								</td>
							  </tr>
							</table>
   
							<div class="goodsListItemPriceNew"><div style=" margin-top: 5px;  float:right; background: url({ASSETS_IMAGES_PATH}cena.jpg); width:126px; height:40px;">
								<div style="margin-top:8px;" class="cena">
							  <a href="{index_page_new_goods.URL_MAX_PRICE_NOW}">&nbsp;&nbsp;{index_page_new_goods.MAX_PRICE_NOW | money_format}</a>
							</div>  </div>  </div> 
							<div class="goodsListItemPriceOld">
							  {% IF index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MAX_PRICE_NOW %}
								<a href="{index_page_new_goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							  {% ELSEIF index_page_new_goods.MAX_PRICE_OLD>index_page_new_goods.MAX_PRICE_NOW %}
								 <div style=" margin-top: 12px; "> <a href="{index_page_new_goods.URL_MAX_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MAX_PRICE_OLD | money_format}</a> </div>
							  {% ENDIF %}
							</div>
						  </div>
						</li>
					  {% ENDFOR index_page_new_goods %}
	  </div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

[mark03]

Vaccina (06 Март 2014 - 04:14) писал:

уточните пожалуйста, какие элементы должны присутствовать? сейчас у вас в карусель идет по 3 товара, где фото и название товара, ценник вам нужен?
попробуйте в HTML использовать сл.конструкцию:

<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
{% FOR index_page_new_goods %}
					 <li class="goodsListItem">
						 <div class="goodsListItemBlock withBorder cornerAll"><div style = "margin-top: 5px; height:40px;">
						 <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;" style="font-size:12px; color: #000;">{index_page_new_goods.NAME}</a> </div>
						 <table class="goodsListItemImage">
							 <tr>
							 <td>
								 <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
							 </td>
							 </tr>
						 </table>

						 <div class="goodsListItemPriceNew"><div style=" margin-top: 5px; float:right; background: url({ASSETS_IMAGES_PATH}cena.jpg); width:126px; height:40px;">
							 <div style="margin-top:8px;" class="cena">
							 <a href="{index_page_new_goods.URL_MAX_PRICE_NOW}">&nbsp;&nbsp;{index_page_new_goods.MAX_PRICE_NOW | money_format}</a>
						 </div> </div> </div>
						 <div class="goodsListItemPriceOld">
							 {% IF index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MAX_PRICE_NOW %}
							 <a href="{index_page_new_goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							 {% ELSEIF index_page_new_goods.MAX_PRICE_OLD>index_page_new_goods.MAX_PRICE_NOW %}
								 <div style=" margin-top: 12px; "> <a href="{index_page_new_goods.URL_MAX_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MAX_PRICE_OLD | money_format}</a> </div>
							 {% ENDIF %}
						 </div>
						 </div>
					 </li>
					 {% ENDFOR index_page_new_goods %}
	 </div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

Да, вот щас отлично!Только криво каручель сидит и на автомат как включить?

Рельтат в приложении.

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

• 

[Vaccina]

В carousel.css найдите:

#wrapper .d-carousel ul li {
background: #FFFFFF;
box-shadow: 0 1px 2px 0 #B7B7B7;
padding: 15px;
width: 175px;
}

замените на:

#wrapper .d-carousel ul li {
width: 175px;
}

Далее в самый низ добавьте:

#wrapper .d-carousel ul li {
width: 175px;
}
#wrapper .d-carousel ul li .goodsListItemImage img {
max-width: 170px;
}

Далее в HTML найдите:

jQuery('.d-carousel .carousel').jcarousel({
scroll: 1
});

замените на:

jQuery('.d-carousel .carousel').jcarousel({
scroll: 1,
animation: 'slow'
});

[mark03]

Vaccina (06 Март 2014 - 04:52) писал:

В carousel.css найдите:

#wrapper .d-carousel ul li {
background: #FFFFFF;
box-shadow: 0 1px 2px 0 #B7B7B7;
padding: 15px;
width: 175px;
}

замените на:

#wrapper .d-carousel ul li {
width: 175px;
}

Далее в самый низ добавьте:

#wrapper .d-carousel ul li {
width: 175px;
}
#wrapper .d-carousel ul li .goodsListItemImage img {
max-width: 170px;
}

Далее в HTML найдите:

jQuery('.d-carousel .carousel').jcarousel({
scroll: 1
});

замените на:

jQuery('.d-carousel .carousel').jcarousel({
scroll: 1,
animation: 'slow'
});

Vaccina, я все сделал,только у меня вот этого не было

#wrapper .d-carousel ul li {
background: #FFFFFF;
box-shadow: 0 1px 2px 0 #B7B7B7;
padding: 15px;
width: 175px;
}
я нашел это только

#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 175px;
}

его и заменил.

Ничего не изменилось,только товары теперь по 4 штуки обрезанные в карусели и неровные.Прошу проверьте меня.

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

• 

[Vaccina]

я у вас сейчас карусели не вижу, вы убрали ее?
она по скриншоту немного изменился, убран отступ и тень от белого блока

[mark03]

Vaccina (06 Март 2014 - 05:33) писал:

я у вас сейчас карусели не вижу, вы убрали ее?
она по скриншоту немного изменился, убран отступ и тень от белого блока

на день убираю, ночью опять стряпаем)
так что делать?

[mark03]

mark03 (06 Март 2014 - 19:16) писал:

на день убираю, ночью опять стряпаем)
так что делать?

все вернул карусель.
+ в карточке товара картинка дублируется,это было до карусели, не замечал.
заходишь на карточку товара,все норм,начинаешь листать картинки, они двоятся, потом картинка о наличии вообще пропадает

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

• 
• 
• 

[Vaccina]

Про фото, подобная проблема решалась по сл.ссылке:
http://forum.storela...-т/#entry125010

про карусель:
В carousel.css находим:

.d-carousel .jcarousel-container-horizontal {
	height: 325px;
	padding: 0 45px;
	width: 650px;
}

меняем на:

.d-carousel .jcarousel-container-horizontal {
	height: 325px;
	padding: 0 45px;
	width: 570px;
}

далее находим:

.d-carousel .jcarousel-item-horizontal {
	margin: 3px 11px 3px 3px;
}

меняем на:

.d-carousel .jcarousel-item-horizontal {
	margin: 5px;
}

далее находим:

#wrapper .d-carousel ul li {
	width: 175px;
}

меняем на:

#wrapper .d-carousel ul li {
	width: 180px;
}
#wrapper .d-carousel ul li .goodsListItemBlock {
	width: 172px;
}

[mark03]

Vaccina (07 Март 2014 - 04:58) писал:

Про фото, подобная проблема решалась по сл.ссылке:
http://forum.storela...-т/#entry125010

про карусель:
В carousel.css находим:

.d-carousel .jcarousel-container-horizontal {
height: 325px;
padding: 0 45px;
width: 650px;
}

меняем на:

.d-carousel .jcarousel-container-horizontal {
height: 325px;
padding: 0 45px;
width: 570px;
}

далее находим:

.d-carousel .jcarousel-item-horizontal {
margin: 3px 11px 3px 3px;
}

меняем на:

.d-carousel .jcarousel-item-horizontal {
margin: 5px;
}

далее находим:

#wrapper .d-carousel ul li {
width: 175px;
}

меняем на:

#wrapper .d-carousel ul li {
width: 180px;
}
#wrapper .d-carousel ul li .goodsListItemBlock {
width: 172px;
}

Сделал,нижняя граница карточки не влезает, а карточки такими и будут маленькими?автомат как настроить?

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

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

• 

[Vaccina]

.d-carousel .jcarousel-item {
height: 290px;
width: 190px;
}

замените на:

.d-carousel .jcarousel-item {
height: 310px;
width: 190px;
}

карточки шире не сделать, а пару пикселей сильно роли не сыграют, в принципе вы видите это сами.

На счет анимации:
https://github.com/jsor/jcarousel
справа нажимаем "Download ZIP", с архива мы берем файл: jquery.jcarousel.js и перезаливаем в редактор шаблонов(заранее удалив старый), это обновленный файл, который поддерживает автопрокрутку.

Далее в HTML найдите:

jQuery('.d-carousel .carousel').jcarousel({
scroll: 1,
animation: 'slow'
});

замените на:

$('.jcarousel')
.jcarousel({
	 scroll: 1
})
.jcarouselAutoscroll({
	 interval: 3000,
	 target: '+=1',
	 autostart: true
});
});

На счет дубликата фото, в шаблоне Товар найдите(заранее сделайте бэк ап):

<td class="goodsDataMainImageBlock">

замените на:

<td class="goodsDataMainImageBlock main-image">

далее:

<a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>

замените на:

<a itemprop="image" rel="{GOODS_IMAGE_ID}" href="{GOODS_IMAGE_LARGE}" class="main" target="_blank" title="Увеличить {GOODS_NAME}"><img src="{GOODS_IMAGE_LARGE}" alt="{GOODS_NAME}" class="main"/><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>

далее найдите:

<a href="{goods_images.LARGE}" rel="gallery"  target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>

замените на:

<a rel="group" id="preview{goods_images.ID} href="{goods_images.LARGE}" class="mini" arget="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" class="mini"/></a>

И в main.js в самом конце вставьте:

$(function() {
$('.main-image a.main').click(function() {
$('#preview' + $(this).attr('rel')).trigger('click');
return(false);
});
});

[mark03]

перезалил файл, карусель слетела.в вертикальном порядке просто