Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Просмотр

Автор borisovd, 21 окт. 2013 13:32

Авторизуйтесь для ответа в теме

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

#1 borisovd

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

Пользователи
370 сообщений

Отправлено 21 Октябрь 2013 - 13:32

как сделать так что бы можно было просмотреть фотографии из каталога как тут http://www.butik.ru/...hchin/botinki/. При наведении мышки на товар появлялись стрелочки и можно было менять фотографии товара.

Наверх

#2 Koderhan

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

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

Отправлено 21 Октябрь 2013 - 14:28

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

Наверх

#3 borisovd

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

Пользователи
370 сообщений

Отправлено 21 Октябрь 2013 - 15:32

Koderhan (21 Октябрь 2013 - 14:28) писал:

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

а какой-нибудь аналог данной функции? что бы при наведении мыши менялась картинка?

Наверх

#4 Сake

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

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

Отправлено 22 Октябрь 2013 - 01:23

Что-то подобное рассматривалось в теме форума http://forum.storela...нии/#entry82843
а так же тут http://forum.storela...нии/#entry85830

Вам необходимо внимательно изучить информацию в данных темах форума.

Наверх

#5 borisovd

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

Пользователи
370 сообщений

Отправлено 22 Октябрь 2013 - 09:16

Сake (10 Август 2013 - 03:03) писал:

Найдите в вашем файле стилей style.css

.containers .items, .containers2 .items {
display: inline-block;
float: none !important;
height: 440px;
overflow: hidden;
vertical-align: top;
width: 170px !important;
}

и замените на

.containers .items, .containers2 .items {
display: inline-block;
float: none !important;
height: 440px;
vertical-align: top;
width: 170px !important;
}

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

$(function() {
$('.items a img').live({
	 mouseenter: function () {
		 $(this).data('hover');
		 setTimeout($.proxy(function() {
			 var goods_images_list = $(this).closest('.items').find('.goods_images_list');
			 var size = goods_images_list.find('img').size();
			 if(size && $(this).data('hover')) {
				 goods_images_list.find('div:eq(0)').show();
				 if(size > 1) {
					 goods_images_list.data('interval', setInterval($.proxy(function() {
						 var next = $(this).find('div:visible').next();
						 if(!next.length) {
								 next = $(this).find('div:eq(0)');
						 }
						 $(this).find('div').hide();
						 next.show();
					 }, goods_images_list), 3000));
				 }
			 }
		 }, this), 2000);
	 },
mouseleave: function () {
	 var goods_images_list = $(this).closest('.items').find('.goods_images_list');
		 goods_images_list.find('div').hide();
		 $(this).removeData('hover');
		 if(goods_images_list.data('interval')) {
			 clearInterval(goods_images_list.data('interval'));
			 goods_images_list.removeData('interval');
		 }
}
});
});

интервал переключения изображений задается числом 3000 - равным 3м секундам. Размер фото ограничен в файле стилей

.goods_images_list > div {
	 display: none;
	 position: absolute;
	 z-index: 100;
	 background: #FFFFFF;
	 border: 3px solid #CCCCCC;
	 border-radius: 4px;
	 left: 80px;
	 padding: 2px;
	 top: 40px;
	 max-height: 450px;
	 max-width: 450px;
}

свойствами max-height и max-width

Если вы имеете в виду тайтл, с названием товара, то добавьте в main.js

$(function() {
$('.items a img').each(function() {
	 $(this).parent().removeAttr('title');
});
});

Вроде то что нужно, только для мокко он подходит?

Наверх

#6 Сake

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

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

Отправлено 23 Октябрь 2013 - 01:43

Как сообщалось в сообщении http://forum.storela...нии/#entry85923 - данная информация применима к любой теме форума, за исключением небольших изменений. Выполняйте инструкцию из сообщения http://forum.storela...нии/#entry86535 в данном сообщении приведен общий код для всех шаблонов.

Наверх

#7 borisovd

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

Пользователи
370 сообщений

Отправлено 23 Октябрь 2013 - 08:12

Сake (23 Октябрь 2013 - 01:43) писал:

Как сообщалось в сообщении http://forum.storela...нии/#entry85923 - данная информация применима к любой теме форума, за исключением небольших изменений. Выполняйте инструкцию из сообщения http://forum.storela...нии/#entry86535 в данном сообщении приведен общий код для всех шаблонов.

Спасибо все супер

Вот только можно под этой меняющийся картинкой сделать вывод цены и что бы были 2 кнопки подробнее, при клике на нее переходило в карточку выбранного товара, и в корзину.

Наверх

#8 Сake

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

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

Отправлено 24 Октябрь 2013 - 02:33

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

Наверх

#9 borisovd

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

Пользователи
370 сообщений

Отправлено 24 Октябрь 2013 - 06:58

В этой форме хочу что бы под картинкой была цена, а под ней была кнопка в корзину, нажав на нее товар добавлялся в корзину, и кнопка подробнее, нажав по которой переход до в карточку товара

Наверх

#10 Сake

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

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

Отправлено 25 Октябрь 2013 - 03:08

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

Наверх

#11 borisovd

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

Пользователи
370 сообщений

Отправлено 25 Октябрь 2013 - 08:15

Сake (25 Октябрь 2013 - 03:08) писал:

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

тоесть в эту рамку с фотографией ни чего добавить нельзя?

Наверх

#12 Сake

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

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

Отправлено 26 Октябрь 2013 - 01:53

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

<div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>

и заменить её на

<div style="display: none;">
   <span class="goodsListItemPriceNew">{goods.MIN_PRICE_NOW | money_format}</span>
   <p>
	 <img src="{goods.images.LARGE}" alt="{goods.images.NAME}" />
   </p>
</div>

Наверх

#13 borisovd

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

Пользователи
370 сообщений

Отправлено 26 Октябрь 2013 - 10:21

А в чем проблема сделать кнопки внутри формы?

Наверх

#14 Сake

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

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

Отправлено 29 Октябрь 2013 - 02:42

Проблема была описана выше "скрытие блока если курсор отходит от начального изображения товара". из этого следует что нажать на какую либо кнопку в момент отображения окна - нельзя, так как данное окно попросту скроется. Лучше всего разместить данные кнопки непосредственно под товаром.

Наверх

#15 borisovd

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

Пользователи
370 сообщений

Отправлено 29 Октябрь 2013 - 10:51

Сake (29 Октябрь 2013 - 02:42) писал:

Проблема была описана выше "скрытие блока если курсор отходит от начального изображения товара". из этого следует что нажать на какую либо кнопку в момент отображения окна - нельзя, так как данное окно попросту скроется. Лучше всего разместить данные кнопки непосредственно под товаром.

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

Наверх

#16 miyako

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

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

Отправлено 29 Октябрь 2013 - 12:23

borisovd (29 Октябрь 2013 - 10:51) писал:

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

Найдите в шаблоне HTML код -

   <div class="goodsListItemPriceNew"><div style=" margin-top: 0px; margin-right:-40px; float:right;  width:213px; height:31px;">
								<div style="margin-top:8px; margin-left:20px;" class="cena">
							  <a href="{index_page_favorites_goods.URL_MAX_PRICE_NOW}">&nbsp;&nbsp;{index_page_favorites_goods.MAX_PRICE_NOW | money_format}</a>
							</div>  </div> </div>
							<div class="goodsListItemPriceOld">
							  {% IF index_page_favorites_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MAX_PRICE_NOW %}
								<a href="{index_page_favorites_goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							  {% ELSEIF index_page_favorites_goods.MAX_PRICE_OLD>index_page_favorites_goods.MAX_PRICE_NOW %}
							   <div style=" margin-top: 12px; "> <a href="{index_page_favorites_goods.URL_MAX_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MAX_PRICE_OLD | money_format}</a></div>
							  {% ENDIF %}
							</div>

и после него добавьте код -

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
												  <div>
														<input type="hidden" name="hash" value="{HASH}" />
														<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
														<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
														<button type="submit" class="whtgray">Купить сейчас</button>
												  </div>
												</form>

Далее найдите код -

  {% FOR index_page_goods %}
					  <li>
					  <div><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></div>
					  <div class="imagem"><a href="{index_page_goods.URL}"><img  {% IF index_page_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_goods.NAME}"  /></a></div>
					</li>
				  {% ENDFOR index_page_goods %}

и замените на -

  {% FOR index_page_goods %}
					  <li>
					  <div><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></div>
					  <div class="imagem"><a href="{index_page_goods.URL}"><img  {% IF index_page_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_goods.NAME}"  /></a></div>
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
												  <div>
														<input type="hidden" name="hash" value="{HASH}" />
														<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
														<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
														<button type="submit" class="whtgray">Купить сейчас</button>
												  </div>
												</form>
					</li>
				  {% ENDFOR index_page_goods %}

В шаблоне Товары найдите код -

<p>
			  <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
			</p>

и ниже добавьте -

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
												  <div>
														<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}" />
														<button type="submit" class="whtgray">Купить сейчас</button>
												  </div>
												</form>

Далее найдите ниже код -

<h3 class="goodsListItemName"><a href="{goods.URL}">{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>

и ниже его добавьте -

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
												  <div>
														<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}" />
														<button type="submit" class="whtgray">Купить сейчас</button>
												  </div>
												</form>

Наверх

#17 borisovd

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

Пользователи
370 сообщений

Отправлено 29 Октябрь 2013 - 15:58

miyako (29 Октябрь 2013 - 12:23) писал:

Найдите в шаблоне HTML код -

<div class="goodsListItemPriceNew"><div style=" margin-top: 0px; margin-right:-40px; float:right; width:213px; height:31px;">
							 <div style="margin-top:8px; margin-left:20px;" class="cena">
							 <a href="{index_page_favorites_goods.URL_MAX_PRICE_NOW}">&nbsp;&nbsp;{index_page_favorites_goods.MAX_PRICE_NOW | money_format}</a>
						 </div> </div> </div>
						 <div class="goodsListItemPriceOld">
							 {% IF index_page_favorites_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MAX_PRICE_NOW %}
							 <a href="{index_page_favorites_goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							 {% ELSEIF index_page_favorites_goods.MAX_PRICE_OLD>index_page_favorites_goods.MAX_PRICE_NOW %}
							 <div style=" margin-top: 12px; "> <a href="{index_page_favorites_goods.URL_MAX_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MAX_PRICE_OLD | money_format}</a></div>
							 {% ENDIF %}
						 </div>

и после него добавьте код -

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
												 <div>
													 <input type="hidden" name="hash" value="{HASH}" />
													 <input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
													 <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
													 <button type="submit" class="whtgray">Купить сейчас</button>
												 </div>
											 </form>

Далее найдите код -

{% FOR index_page_goods %}
					 <li>
					 <div><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></div>
					 <div class="imagem"><a href="{index_page_goods.URL}"><img {% IF index_page_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_goods.NAME}" /></a></div>
				 </li>
				 {% ENDFOR index_page_goods %}

и замените на -

{% FOR index_page_goods %}
					 <li>
					 <div><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></div>
					 <div class="imagem"><a href="{index_page_goods.URL}"><img {% IF index_page_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_goods.NAME}" /></a></div>
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
												 <div>
													 <input type="hidden" name="hash" value="{HASH}" />
													 <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
													 <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
													 <button type="submit" class="whtgray">Купить сейчас</button>
												 </div>
											 </form>
				 </li>
				 {% ENDFOR index_page_goods %}

В шаблоне Товары найдите код -

<p>
			 <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
		 </p>

и ниже добавьте -

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
												 <div>
													 <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}" />
													 <button type="submit" class="whtgray">Купить сейчас</button>
												 </div>
											 </form>

Далее найдите ниже код -

<h3 class="goodsListItemName"><a href="{goods.URL}">{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>

и ниже его добавьте -

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
												 <div>
													 <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}" />
													 <button type="submit" class="whtgray">Купить сейчас</button>
												 </div>
											 </form>

В HTML нет такого кода...(

Наверх

#18 borisovd

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

Пользователи
370 сообщений

Отправлено 29 Октябрь 2013 - 22:13

В мокко походу нет таких кодов...

Наверх

#19 Сake

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

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

Отправлено 30 Октябрь 2013 - 01:40

Найдите в вашем шаблоне "Товары" код

<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>

и ниже него добавьте

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
	<div>
		<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}" />
		<input type="submit" value="Купить" class="btn-cart" /> <input type="submit" value="Подробнее" onclick="document.location='{goods.URL}';return(false);" class="btn-desc" />
	</div>
</form>

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

$('.goodsDataForm, .goodsToCartFromCompareForm').submit(function(){

и замените на

$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){

после в файле стилей main.css найдите

.goodsListItemBlock {
	height: 200px;
	margin: 5px;
	overflow: hidden;
	text-align: center;
	width: 170px;
}

и замените на

.goodsListItemBlock {
	height: 240px;
	margin: 5px;
	overflow: hidden;
	text-align: center;
	width: 170px;
}

Наверх

#20 borisovd

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

Пользователи
370 сообщений

Отправлено 13 Ноябрь 2013 - 14:18

Нашел ошибку, при нажатии на кнопку показать еще, перестает работать быстрый просмотр.http://al-ver.ru/catalog/Tufli

Наверх

Обратно в Каталог товаров

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

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

Просмотр

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

Войти

Google поиск