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


Как Заменить Карусель На Таблицу Товаров?

Карусель

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

#1 Gordindk

Gordindk

    Новичок

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

Отправлено 22 Январь 2014 - 22:26

При тестировании магазина выявилась проблема. Люди очень странно реагируют на 3 карусели на главной странице. Порой по 5 мин рассматривают сменяющееся картинки и после уходят.
Не пользуясь меню.

Хочу 1 или 2 карусели заменить на таблицу товаров.

MHland.ru


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

Думаю поднимался вопрос, но все же спрошу.
Возможно ли в шапке указать контактные данные и разместить кнопку заказать обратный звонок?

Заранее спасибо!




#2 support 2.0

support 2.0

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

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

Отправлено 22 Январь 2014 - 23:43

 Gordindk (22 Январь 2014 - 22:26) писал:

При тестировании магазина выявилась проблема. Люди очень странно реагируют на 3 карусели на главной странице. Порой по 5 мин рассматривают сменяющееся картинки и после уходят.
Не пользуясь меню.

Хочу 1 или 2 карусели заменить на таблицу товаров.

MHland.ru


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

Думаю поднимался вопрос, но все же спрошу.
Возможно ли в шапке указать контактные данные и разместить кнопку заказать обратный звонок?

Заранее спасибо!
Контактные данные указываются в разделе настройки -> основные.
Тестовый магазин вы можете открыть на своем аккаунте пользователя. Для этого нужно быть авторизованным и зайти на главную страницу storeland.ru, далее нажать "попробовать бесплатно" и у Вас откроется тестовый магазин, бесплатного периода у которого также будет 30 дней, потом вы сможете его из Вашей админ-панель удалить. Переход по этим двум магазинам возможен в бэк-офисе справа вверху.

#3 мистка

мистка

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

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

Отправлено 23 Январь 2014 - 07:51

не по этой причине от вас уходят, я как мама дочки 9 лет у которой мостер хай уже 17 штук ответственно вам заявляю у вас очень высокие цены) а если еще глянуть что стандартная например скилета стоила до скидки более 5000 рублей (а на деле есть маги где ее продают по 1800) я тоже бы ушла

Эксклюзивный Подарочный набор черлидеры Пурсефона, Мяулодия и Тореляй

везде стоят 3200-3600 ........делайте выводы

#4 Gordindk

Gordindk

    Новичок

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

Отправлено 23 Январь 2014 - 15:45

 злая я))) (23 Январь 2014 - 07:51) писал:

не по этой причине от вас уходят, я как мама дочки 9 лет у которой мостер хай уже 17 штук ответственно вам заявляю у вас очень высокие цены) а если еще глянуть что стандартная например скилета стоила до скидки более 5000 рублей (а на деле есть маги где ее продают по 1800) я тоже бы ушла

Эксклюзивный Подарочный набор черлидеры Пурсефона, Мяулодия и Тореляй

везде стоят 3200-3600 ........делайте выводы

Спасибо, что заметили. По первым двум страницам яндекса нашел самые дешевые 5100р
http://mhland.ru/goo...na-i-Myaulodiya Видимо с этим спутали, он у нас тоже 3690 стоит + бесплатная доставка по РФ. Я ценники старался средние по рынку ставить. А скелитту сказал маркетолог так поставить. Это на незнающих. =) Смысл не в ценах. Цены будут тестится. Или такие цены + бесплатная доставка или низкие цены + платная доставка. В любом случае не понимаю людей которые демпингуют, особенно в начале пути. Всегда найдется тот кто поставит еще дешевле, так и в трубу можно вылететь.  Кого пугают цены уходят в первые 10-30 секунд. Некоторые посетители по 15-18 мин проводят на сайте и преимущественно на главной смотрят карусельки и слайдер. Ну со слайдером сам переборщил, ему бы высоту поменьше задать, а вот карусельки лишние. Слишком много всего крутится на странице  и слишком быстро. Их будто гипнозит это. Мне рально очень интересно было бы узнать о чем может думать человек, смотря 1 страницу сайта с 10ю куклами 5 мин и перемещая курсор по экрану не кликая не по одной кукле=)))

на первом экране главной должны быть сразу разделы или просто все куклы, конкурентные преимущества, как купить, контакты и все. В идеале Форму захвата контактов поставить под видом какой-нибудь акции еще. И тестить дальше поведение клиентов.

Все же буду очень благодарен если кто-то подскажет как заменить карусель?

#5 Vaccina

Vaccina

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

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

Отправлено 24 Январь 2014 - 03:54

Что именно вас не устраивает в карусели, возможно, ее можно будет изменить по вашим задумкам?

#6 Gordindk

Gordindk

    Новичок

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

Отправлено 24 Январь 2014 - 04:51

 Vaccina (24 Январь 2014 - 03:54) писал:

Что именно вас не устраивает в карусели, возможно, ее можно будет изменить по вашим задумкам?

Я хочу оставить одну карусель, две остальные заменить на таблицу товаров как в разделах. Т.е в админке создать раздел и разместить его на главной странице. Коды каруселей я вижу, код таблицы в разделах не могу найти.

#7 miyako

miyako

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

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

Отправлено 24 Январь 2014 - 06:41

 Gordindk (24 Январь 2014 - 04:51) писал:

Я хочу оставить одну карусель, две остальные заменить на таблицу товаров как в разделах. Т.е в админке создать раздел и разместить его на главной странице. Коды каруселей я вижу, код таблицы в разделах не могу найти.

На Главной странице у Вас есть слайдер, и три карусели Хиты, Новинки и Товары на Главной. Вы добавили код из шаблона Товары, найдите его в шаблоне HTML -
<!-- Список товаров. Таблица -->
			<div class="grid-container">
				<ul class="grid" id="product_list">
				  {% FOR goods %}
					<li class="elem">
					  <div class="product_list_details_right">
						<div class="product_image_wrapper">
						  {% IF user_agent_ie7 %}
							<a class="product_img_link" href="{goods.URL | url_amp}" title="{goods.NAME}">
							  <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}">
							</a>
						  {% ELSEIF user_agent_ie8 %}
							<a class="product_img_link" href="{goods.URL | url_amp}" title="{goods.NAME}">
							  <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}">
							</a>
						  {% ELSE %}
							<a class="product_img_link" href="{goods.URL | url_amp}" title="{goods.NAME}">
							  <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}">
							</a>
						  {% ENDIF %}
						  <div class="rating">
							<!-- Среднее значение по результатам всех отзывов об этом товаре -->
							{% IF goods.OPINION_RATING_VALUE %}
							  <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
							{% ENDIF %}
						   
							{% IF goods.OPINION_RATING_CNT_ALL>0 %}
							  <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
							{% ELSE %}
							  <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
							{% ENDIF %}
						  </div>
						</div>
						<div class="price_container {% IF goods.MIN_PRICE_NOW>=goods.MIN_PRICE_OLD %}price-box-for-regular-price{% ELSE %}price-box{% ENDIF %}" >
						  <span class="price">{goods.MIN_PRICE_NOW | money_format}</span>
						  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
							<span class="old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							<span class="old-price">{goods.MIN_PRICE_OLD | money_format}</span>
						  {% ENDIF %}
						</div>
						<div class="product_list_add_to_cart">
						  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
							<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}" />
							<a class="ajax_add_to_cart_button add_to_cart link" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a>
						  </form>
						</div>
						<div class="product_list_add_to_cart">
						  <div class="add-to-links" style="display: block;">
							<!-- Если в тарифном плане подключен модуль сравнения товаров -->
							{% IF TARIFF_FEATURE_GOODS_COMPARE %}
							  <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
							  {% IFNOT SETTINGS_COMPARE_DISABLE %}
								{% IF goods.IS_HAS_IN_COMPARE_LIST %}
								  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
								{% ELSE %}
								  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
								{% ENDIF %}
							  {% ENDIF %}
							{% ENDIF %}
						  </div>
						</div>
					  </div>
					  
					  <div class="product_list_details">
						<div class="product_list_details_left">
						  <h5><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h5>
						 
						  {% IF goods.DESCRIPTION_LARGE %}
							<div class="product_desc">
							  <div class="product_desc">
								{goods.DESCRIPTION_LARGE}
								<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a>
							  </div>
							</div>
						  {% ENDIF %}
						</div>
					  </div>
					  <div class="clear"></div>
					</li>
				  {% ENDFOR %}
				</ul>
			</div>
			  <!-- /Список товаров. Таблица -->
и замените на -
		 <!-- Список товаров. Таблица -->
			  <div class="grid-container">
				<ul class="grid" id="product_list">
				  {% FOR index_page_favorites_goods %}
					<li class="elem">
					  <div class="product_list_details_right">
						<div class="product_image_wrapper">
						  {% IF user_agent_ie7 %}
							<a class="product_img_link" href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}">
							  <img class="product_image" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}">
							</a>
						  {% ELSEIF user_agent_ie8 %}
							<a class="product_img_link" href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}">
							  <img class="product_image" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}">
							</a>
						  {% ELSE %}
							<a class="product_img_link" href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}">
							  <img class="product_image" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}">
							</a>
						  {% ENDIF %}
						  <div class="rating">
							<!-- Среднее значение по результатам всех отзывов об этом товаре -->
							{% IF index_page_favorites_goods.OPINION_RATING_VALUE %}
							  <img src="{FORALL_IMAGES_PATH}stars/{index_page_favorites_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_favorites_goods.OPINION_RATING_VALUE}" />
							{% ENDIF %}
						   
							{% IF index_page_favorites_goods.OPINION_RATING_CNT_ALL>0 %}
							  <a href="{index_page_favorites_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_favorites_goods.OPINION_RATING_CNT_ALL})</a>
							{% ELSE %}
							  <a href="{index_page_favorites_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
							{% ENDIF %}
						  </div>
						</div>
						<div class="price_container {% IF index_page_favorites_goods.MIN_PRICE_NOW>=index_page_favorites_goods.MIN_PRICE_OLD %}price-box-for-regular-price{% ELSE %}price-box{% ENDIF %}" >
						  <span class="price">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</span>
						  {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
							<span class="old-price">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						  {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
							<span class="old-price">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</span>
						  {% ENDIF %}
						</div>
						<div class="product_list_add_to_cart">
						  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}">
							<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}" />
							<a class="ajax_add_to_cart_button add_to_cart link" onclick="$('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a>
						  </form>
						</div>
						<div class="product_list_add_to_cart">
						  <div class="add-to-links" style="display: block;">
							<!-- Если в тарифном плане подключен модуль сравнения товаров -->
							{% IF TARIFF_FEATURE_GOODS_COMPARE %}
							  <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
							  {% IFNOT SETTINGS_COMPARE_DISABLE %}
								{% IF index_page_favorites_goods.IS_HAS_IN_COMPARE_LIST %}
								  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
								{% ELSE %}
								  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_favorites_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
								{% ENDIF %}
							  {% ENDIF %}
							{% ENDIF %}
						  </div>
						</div>
					  </div>
					  
					  <div class="product_list_details">
						<div class="product_list_details_left">
						  <h5><a href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}">{index_page_favorites_goods.NAME}</a></h5>
						 
						  {% IF index_page_favorites_goods.DESCRIPTION_LARGE %}
							<div class="product_desc">
							  <div class="product_desc">
								{index_page_favorites_goods.DESCRIPTION_LARGE}
								<a href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}" class="link-more">узнать больше...</a>
							  </div>
							</div>
						  {% ENDIF %}
						</div>
					  </div>
					  <div class="clear"></div>
					</li>
				  {% ENDFOR %}
				</ul>
			  </div>
			  <!-- /Список товаров. Таблица -->

Тогда выведутся товары из раздела Товары на Главной списком. Если нужно вывести именно таблицей, то используйте код -
<ul class="grid" id="product_list">
				{% FOR goods %}
				  <li class="elem">
					<div> 
					  <div class="product_image_wrapper">
						<a href="{goods.URL | url_amp}" title="{goods.NAME}"  class="product_img_link">
						  <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" />
						</a>
					  </div>
 
					  <div class="product_list_details">
						<div class="product_list_details_left">
						  <h5><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h5>
						  <div class="price_container">
							<span class="price">{goods.MIN_PRICE_NOW | money_format}</span>
							{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
							  <span class="old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
							{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							  <span class="old-price">{goods.MIN_PRICE_OLD | money_format}</span>
							{% ENDIF %}
						  </div>
						  <div class="rating">
							<!-- Среднее значение по результатам всех отзывов об этом товаре -->
							{% IF goods.OPINION_RATING_VALUE %}
							  <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
							{% ENDIF %}
						   
							{% IF goods.OPINION_RATING_CNT_ALL>0 %}
							  <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
							{% ELSE %}
							  <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
							{% ENDIF %}
						  </div>
						  <div class="product_list_add_to_cart">
							<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
							  <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}" />
							  <!--a class="ajax_add_to_cart_button add_to_cart_ph" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
							  <a class="ajax_add_to_cart_button add_to_cart_ph" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
							</form>
						  </div>
						 
						  <div class="add-to-links">
							<!-- Если в тарифном плане подключен модуль сравнения товаров -->
							{% IF TARIFF_FEATURE_GOODS_COMPARE %}
							  <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
							  {% IFNOT SETTINGS_COMPARE_DISABLE %}
								  {% IF goods.IS_HAS_IN_COMPARE_LIST %}
									<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
								  {% ELSE %}
									<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
								  {% ENDIF %}
							  {% ENDIF %}
							{% ENDIF %}
						  </div>
						</div>
					  </div>
					</div>
				  </li>
				{% ENDFOR %}
			  </ul>
при этом в коде измените goods на соответствующий массив (index_page_favorites_goods для Товаров на Главной, index_page_new_goods для Новинок, index_page_favorites_goods для Избранных товаров на Главной)

#8 Gordindk

Gordindk

    Новичок

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

Отправлено 24 Январь 2014 - 17:00

Спасибо за отклик.
Попробовал поставить.
Код таблицей не корректно работает.
Списком все хорошо отображается, а когда вставляю таблицей получается огромные кнопки быстрый заказ=)

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

  • 1.png


#9 ne_yana

ne_yana

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

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

Отправлено 24 Январь 2014 - 18:16

 Gordindk (24 Январь 2014 - 17:00) писал:

Спасибо за отклик.
Попробовал поставить.
Код таблицей не корректно работает.
Списком все хорошо отображается, а когда вставляю таблицей получается огромные кнопки быстрый заказ=)
Здравствуйте, сейчас сайт отображается иначе, чем на скриншоте. Сохраните, пожалуйста, изменения, чтобы мы смогли помочь Вам дальше.





Темы с аналогичным тегами Карусель

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

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