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


Давайте Сравним Товары)


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

#1 Barmalei

Barmalei

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

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

Отправлено 27 Ноябрь 2016 - 13:58

Добрый день. У меня есть несколько проблем в окне сравнения товаров, помогите, пожалуйста, их решить. Перво-наперво, добавьте товаров 7 к сравнению и перейдите на страницу сравнения :)

1) Сравниваемые товары выходят за границу сайта (Рисунки 1, 2). Как их впихнуть на место?

2) В верней части сравнения добавлен горизонтальный скролл для прокрутки товаров. Но он НЕ РАБОТАЕТ (рисунок 3)! Как сделать, чтобы заработал скролл? P.s. нижний скролл пусть остаётся на месте.

3) Последнее и самое важное. Когда сдвигаем скроллом сравниваемые товары, список характеристик (рисунок 4), сдвигается вместе с товарами (рисунок 5). И становится, не понятно, по каким характеристикам сравнивать товары (рисунок 6). Как сделать так, что бы скроллом сдвигались ТОЛЬКО товары, а список характеристик остался ЗАКРЕПЛЁН? На рисунке 7 попробую фотошопом воспроизвести то, что должно получиться :D  Т.е. мы видим, что я скроллом сдвинул сравниваемые товары до третьего в списке, при этом список характеристик остался в том же месте, где и был изначально.

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg
  • 5.jpg
  • 6.jpg
  • 7.jpg


#2 Stasya

Stasya

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

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

Отправлено 09 Январь 2017 - 15:05

Просмотр сообщенияBarmalei (27 Ноябрь 2016 - 13:58) писал:

Добрый день. У меня есть несколько проблем в окне сравнения товаров, помогите, пожалуйста, их решить. Перво-наперво, добавьте товаров 7 к сравнению и перейдите на страницу сравнения :)

1) Сравниваемые товары выходят за границу сайта (Рисунки 1, 2). Как их впихнуть на место?

2) В верней части сравнения добавлен горизонтальный скролл для прокрутки товаров. Но он НЕ РАБОТАЕТ (рисунок 3)! Как сделать, чтобы заработал скролл? P.s. нижний скролл пусть остаётся на месте.

3) Последнее и самое важное. Когда сдвигаем скроллом сравниваемые товары, список характеристик (рисунок 4), сдвигается вместе с товарами (рисунок 5). И становится, не понятно, по каким характеристикам сравнивать товары (рисунок 6). Как сделать так, что бы скроллом сдвигались ТОЛЬКО товары, а список характеристик остался ЗАКРЕПЛЁН? На рисунке 7 попробую фотошопом воспроизвести то, что должно получиться :D  Т.е. мы видим, что я скроллом сдвинул сравниваемые товары до третьего в списке, при этом список характеристик остался в том же месте, где и был изначально.

Здравствуйте. Простите за долгое ожидание ответа.
1) Вам необходимо в файле main.css найти блок
td.content_body.cont700 .pad-box {
margin-left: 15px;
margin-right: 5px;
}
и заменить его на
td.content_body.cont700 .pad-box {
margin-left: 5px;
margin-right: 5px;
}

2) К сожалению, в верхней части страницы сравнения не обнаружила скрол. Возможно, Вы производили какие-либо изменения?

3) Подобное отображение можно попробовать реализовать, но только с помощью javascript- скрипта. Он создаст дубль таблицы и  наложит его сверху. Если Вас такой вариант устроит, то мы пришлем Вам инструкцию. Скиншот того как будет это выглядеть прикрепила.

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

  • Screenshot_95.jpg


#3 Barmalei

Barmalei

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

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

Отправлено 26 Январь 2017 - 13:38

Просмотр сообщенияStasya (09 Январь 2017 - 15:05) писал:

Здравствуйте. Простите за долгое ожидание ответа.
1) Вам необходимо в файле main.css найти блок
td.content_body.cont700 .pad-box {
margin-left: 15px;
margin-right: 5px;
}
и заменить его на
td.content_body.cont700 .pad-box {
margin-left: 5px;
margin-right: 5px;
}

2) К сожалению, в верхней части страницы сравнения не обнаружила скрол. Возможно, Вы производили какие-либо изменения?

3) Подобное отображение можно попробовать реализовать, но только с помощью javascript- скрипта. Он создаст дубль таблицы и  наложит его сверху. Если Вас такой вариант устроит, то мы пришлем Вам инструкцию. Скиншот того как будет это выглядеть прикрепила.

1) Получается,вы просто вдвинули окно сравнения чуть влево. Теперь оно залазит на левое поле навигации (рисунок 8). Как сделать поле сравнения уже, чтобы оно не залазило на левое поле навигации и не выходило за правую границу сайта?

2) Посмотрите внимательно рисунок 3: поле для скролла там есть! Но самого скролла там нет! Как я говорил, скролл не работает - как сделать так, чтобы он заработал?

3) Пришлите, давайте попробуем.

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

  • 8.jpg


#4 Barmalei

Barmalei

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

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

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

Up!

#5 Barmalei

Barmalei

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

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

Отправлено 01 Февраль 2017 - 16:06

Все в отпуске?)

#6 Barmalei

Barmalei

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

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

Отправлено 05 Февраль 2017 - 19:15

4) Ещё вопрос. Как добавить видео в текст статьи/новости? Как добавить видео в описание товара? При редактировании текста новости или описания товара есть кнопка Flash (Рисунок 9). Может быть, как-то воспользоваться этой кнопкой для добавления видео?

#7 Vaccina

Vaccina

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

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

Отправлено 07 Февраль 2017 - 07:30

Здравствуйте.

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
td.content_body.cont700 .pad-box {
	margin-left: 5px;
	margin-right: 5px;
}

замените на:
td.content_body.cont700 .pad-box {
	margin-left: 15px;
	margin-right: 5px;
}

далее найдите:
.CompareGoodsTable > tbody {
	overflow-x: scroll;
	width: 700px;
	display: block;
}

замените на:
.CompareGoodsTable > tbody {
	overflow-x: scroll;
	width: 685px;
	display: block;
}
2. Верхний скролл у вас вставлен с помощью сторонних скриптов, не могли бы вы уточнить, разбиралась ли подобная реализация скролла с дополнительными JS?
3. Уточните пожалуйста, ответ нигде не получали по данному вопросу(чат, почта)?
4. Инструкция по вставке видео:
http://forum.storela...видео-о-товаре/

#8 Barmalei

Barmalei

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

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

Отправлено 13 Февраль 2017 - 19:07

Спасибо!

Цитата

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

Цитата

3. Уточните пожалуйста, ответ нигде не получали по данному вопросу(чат, почта)?
Ух, у меня много почтовых ящиков и на всех куча спама.. Если отправлял - напишите куда, я проверю повнимательнее. В личных сообщениях точно нет.

Ещё вопросы:
5. Я добавил сценарий быстрого заказа на страницу корзины. Как мне добавить поле, в которое покупатель должен вбить адрес электронной почты? Добавить поле нужно после поля "контактный телефон". Причём, поле электропочты не должно быть обязательным для заполнения. Если покупатель заполнил электронный адрес - на почту покупателя должно автоматически отправляться уведомление о сделанном заказе.

6. Когда-то давно я убрал сортировку "по популярности" в разделах. Как мне её вернуть? :rolleyes:  А сортировку "по названию" наоборот: убрать.

#9 Barmalei

Barmalei

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

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

Отправлено 18 Февраль 2017 - 13:40

Ещё вопросы...
7. На главной странице у меня есть надпись "- Посмотреть весь каталог товаров -". Надпись должна находиться внизу, под всеми товарами в категории "товары на сайте". Но находится надпись там, где находится (Рисунок 9). Как мне поместить надпись в нужное место?

8. В корзине http://clear-m.ru/cart , когда оформляется заказ, есть несколько способов оплаты. Изначально, все способы оплаты отображаются с комментариями (Рисунок 10). Но как только я начинаю выбирать какой-либо способ оплаты, комментарий остаётся только у выбранного способа оплаты (Рисунки 11, 12). Как сделать так, чтобы комментарии не пропадали, когда выбираешь способы оплаты?

Ответьте уже, пожалуйста! Почему вы отвечаете неделями?..

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

  • 9.jpg
  • 10.jpg
  • 11.jpg
  • 12.jpg


#10 Barmalei

Barmalei

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

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

Отправлено 22 Февраль 2017 - 16:23

Жёсткий игнор...

#11 Stasya

Stasya

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

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

Отправлено 03 Март 2017 - 16:01

Просмотр сообщенияBarmalei (13 Февраль 2017 - 19:07) писал:

Спасибо!


Я не понимаю вопроса)) Вставлял по инструкция техподдержки Storeland..


Ух, у меня много почтовых ящиков и на всех куча спама.. Если отправлял - напишите куда, я проверю повнимательнее. В личных сообщениях точно нет.

Ещё вопросы:
5. Я добавил сценарий быстрого заказа на страницу корзины. Как мне добавить поле, в которое покупатель должен вбить адрес электронной почты? Добавить поле нужно после поля "контактный телефон". Причём, поле электропочты не должно быть обязательным для заполнения. Если покупатель заполнил электронный адрес - на почту покупателя должно автоматически отправляться уведомление о сделанном заказе.

6. Когда-то давно я убрал сортировку "по популярности" в разделах. Как мне её вернуть? :rolleyes:  А сортировку "по названию" наоборот: убрать.
Здравствуйте. Простите за длительное ожидание ответа.

2) Чтобы заработал верхний скрол в сравненеии товара Вам необходимо найти блок
<div class="hdiecompare">
<table class="CompareGoodsTableTbody">
															 <!-- Строка №1 Ссылка на удаление товара из таблицы сравнения товаров -->
															 <tr>
																 <td class="ceil1 borderAll" rowspan="3">
																			 <input class="CompareCheckbox invert" type="checkbox" id="compare_tb_check_all" />
																			 <label class="valignMiddle" for="compare_tb_check_all">Выбрать все</label>
																 </td>
															 </tr>
															 <!-- END Строка №1 Название товара -->
												
															 <!-- Строка №2 Название товара -->
															 <tr>
																				 <td class="BorderLeftAndRight">
																				 </td>
															 </tr>
															 <!-- END Строка №2 Название товара -->
												
												
															 <!-- Строка №3 Главное изображение товара и галлерея изображений -->
															 <tr>
																
																				 <td class="BorderLeftAndRight">
																				 </td>
															 </tr>
															 <!-- END Строка №3 Главное изображение товара и галлерея изображений -->
															 <!-- Строка №4 Цены товарных модификаций -->
															 <tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_MOD_COST_NOW_IS_SAME %}same{% ENDIF %}">
																 <td class="ceil1 borderAll">
																			 <input class="CompareCheckbox" type="checkbox" id="compare_tb_check_price" />
																			 <label class="valignMiddle" for="compare_tb_check_price">Цена</label>
																 </td>
															 </tr>
															 <!-- END Строка №4 Цены товарных модификаций -->
								
															 <!-- Строка №5 Наличие товарных модификаций -->
															 <!-- В зависимости от настроек на сайте покажем либо количественное отображение остатка товаров, либо текстовое -->
															 {% IF SETTINGS_COMPARE_REST_VALUE_DISPLAY_TYPE=1%}
																 <tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_MOD_REST_VALUE_IS_SAME %}same{% ENDIF %}">
																			 <td class="ceil1 borderAll">
																				 <input class="CompareCheckbox" type="checkbox" id="compare_tb_check_rest" />
																				 <label class="valignMiddle" for="compare_tb_check_rest">Наличие</label>
																			 </td>
																 </tr>
															 {% ELSE %}
																 <tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_MOD_REST_BOOLEAN_IS_SAME %}same{% ENDIF %}">
																			 <td class="ceil1 borderAll">
																				 <input class="CompareCheckbox" type="checkbox" id="compare_tb_check_rest" />
																				 <label class="valignMiddle" for="compare_tb_check_rest">Наличие</label>
																			 </td>
																 </tr>
															 {% ENDIF %}
															 <!-- END Строка №5 Наличие товарных модификаций -->
												
															 <!-- Строка с артикулом покажется, если она заполнена хотя бы для одной товарной модификации -->
															 <!-- Строка №6 Артикул товара -->
															 {% IFNOT GOODS_ART_NUMBER_IS_EMPTY_FOR_ALL %}
																 <tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_ART_NUMBER_IS_SAME %}same{% ENDIF %}">
																			 <td class="ceil1 borderAll">
																				 <input class="CompareCheckbox" type="checkbox" id="compare_tb_check_art_number" />
																				 <label class="valignMiddle" for="compare_tb_check_art_number">Артикул</label>
																			 </td>
																 </tr>
															 {% ENDIF %}
															 <!-- END Строка №6 Артикул товара -->

															 <!-- Строки №7 и т.д - Характеристики товаров
															 {% FOR goods_attr_list %}
																 <tr class="CompareGoodsTableTbodyComparisonLine {% IF goods_attr_list.IS_SAME%}same{% ENDIF %}"> -->
																
																 <!-- Строки №7 и т.д - Характеристики товаров
															 {% FOR goods_attr_list %}
																 <tr class="CompareGoodsTableTbodyComparisonLine {% IF goods_attr_list.IS_SAME%}same{% ENDIF %}" {% FOR values %}{% IFNOT goods_attr_list.values.VALUE %}style="background: #FFFFFF;"{% ENDIF %}	 {% ENDFOR %}>
																			 <td class="borderAll">
																				 <input class="CompareCheckbox" type="checkbox" id="compare_tb_check_attr_{goods_attr_list.ID}" />
																				 <label class="valignMiddle" for="compare_tb_check_attr_{goods_attr_list.ID}">{goods_attr_list.NAME}</label>
																			 </td>
																 </tr>
															 {% ENDFOR %}
															 <!-- END Строки №7 и т.д - Характеристики товаров -->
															
															
															 <!-- Строки №7 и т.д - Характеристики товаров -->
															 {% FOR goods_attr_list %}
																 <tr class="CompareGoodsTableTbodyComparisonLine {% IF goods_attr_list.IS_SAME%}same{% ENDIF %} {% FOR values %}{% IFNOT goods_attr_list.values.VALUE %}not_same {% ENDIF %}{% ENDFOR %}">
																			 <td class="borderAll {% IF goods_attr_list.IS_SAME%}same{% ENDIF %}">
																				 <input class="CompareCheckbox" type="checkbox" id="compare_tb_check_attr_{goods_attr_list.ID}" />
																				 <label class="valignMiddle" for="compare_tb_check_attr_{goods_attr_list.ID}">{goods_attr_list.NAME}</label>
																			 </td>
																			 {% FOR values %}
																		
																						 <td class="borderAll">
{% IF goods_attr_list.values.VALUE %}
{goods_attr_list.values.VALUE}
{% ELSE %}
-
{% ENDIF %}
</td>
																			 {% ENDFOR %}
																 </tr>
															 {% ENDFOR %}
															 <!-- END Строки №7 и т.д - Характеристики товаров -->
															
															
															
												
															 <!-- Строка №8 Описание товара -->
															 <!-- В зависимости от настроек на сайте покажем либо полное описание товарной модификации, либо краткое -->
															 {% IF SETTINGS_COMPARE_DESCRIPTION_DISPLAY_TYPE=1%}
																 <!-- Строка с полным описанием товара покажется, если оно заполнено хотя бы для одной товарной модификации -->
																 {% IFNOT GOODS_GOODS_DESC_LARGE_IS_EMPTY_FOR_ALL %}
																			 <tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_GOODS_DESC_LARGE_IS_SAME %}same{% ENDIF %}">
																				 <td class="ceil1 borderAll">
																							 <input class="CompareCheckbox" type="checkbox" id="compare_tb_check_description_large" />
																							 <label class="valignMiddle" for="compare_tb_check_description_large">Описание</label>
																				 </td>
																			 </tr>
																 {% ENDIF %}
															 {% ELSE %}
																 <!-- Строка с кратким описанием товара покажется, если оно заполнено хотя бы для одной товарной модификации -->
																 {% IFNOT GOODS_GOODS_DESC_SHORT_IS_EMPTY_FOR_ALL %}
																			 <tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_GOODS_DESC_SHORT_IS_SAME %}same{% ENDIF %}">
																				 <td class="ceil1 borderAll">
																							 <input class="CompareCheckbox" type="checkbox" id="compare_tb_check_description_short" />
																							 <label class="valignMiddle" for="compare_tb_check_description_short">Описание</label>
																				 </td>
																			 </tr>
																 {% ENDIF %}
															 {% ENDIF %}
															 <!-- END Строка №8 Описание товара -->

															 <!-- Строка №9 Кнопка добавления товара в корзину -->
															 <tr>
																 <td class="ceil1 valignTop">
																			 <a href="#" class="CompareGoodsHideSelected">Убрать выбранные</a>
																			 <a href="#" class="CompareGoodsShowAll">Отобразить скрытые</a>
																 </td>
															 </tr>
															 <!-- END Строка №9 Кнопка добавления товара в корзину -->
								
												 </table>	
</div>
скопировать, удалить и вставить код после строк
<!-- END Строка №9 Кнопка добавления товара в корзину -->
				
						 </table>

3) Попробовали реализовать так как я писала Вам ранее. К сожалению, таким образом это  реализовать не получиться.

5) В шаблоне Быстрый заказ найдите блок
<label for="contactPhone">*Контактный телефон:<span class="required"></span></label>
	 <div class="field">
		 <input id="contactPhone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
	 </div>
	 <br />
и сразу после него вставьте блок
<label for="contactEmail">Email:</label>
	 <div class="field">
		 <input id="contactEmail" name="form[contact][email]" class="email" value="{ORDER_FORM_CONTACT_EMAIL}" />
	 </div>
	 <br />
6) В шаблоне Товары найдите строку
{%IF goods_order_fields.ID = 1 || goods_order_fields.ID = 2 || goods_order_fields.ID = 3 || goods_order_fields.ID = 4 || goods_order_fields.ID = 7 || goods_order_fields.ID = 8 %}
и замените ее на
{%IF goods_order_fields.ID = 1 || goods_order_fields.ID = 2 || goods_order_fields.ID = 11 || goods_order_fields.ID = 12 || goods_order_fields.ID = 7 || goods_order_fields.ID = 8 %}

Просмотр сообщенияBarmalei (18 Февраль 2017 - 13:40) писал:

Ещё вопросы...
7. На главной странице у меня есть надпись "- Посмотреть весь каталог товаров -". Надпись должна находиться внизу, под всеми товарами в категории "товары на сайте". Но находится надпись там, где находится (Рисунок 9). Как мне поместить надпись в нужное место?

8. В корзине http://clear-m.ru/cart , когда оформляется заказ, есть несколько способов оплаты. Изначально, все способы оплаты отображаются с комментариями (Рисунок 10). Но как только я начинаю выбирать какой-либо способ оплаты, комментарий остаётся только у выбранного способа оплаты (Рисунки 11, 12). Как сделать так, чтобы комментарии не пропадали, когда выбираешь способы оплаты?

Ответьте уже, пожалуйста! Почему вы отвечаете неделями?..
7) Не обнаружила у Вас на сайте такого отображения. Скриншот прикрепила.
8) В шаблоне Быстрый заказ найдите блок
$('.paymentRadio').click(function() {
	 var payment = $(this).val();
	 $('.orderStagePaymentListTable tbody:not([rel="' + payment + '"]) .in-spoiler').slideUp('fast');
	 $(this).closest('tbody').find('.in-spoiler').slideDown('fast');
});
и замените его на
/*$('.paymentRadio').click(function() {
	 var payment = $(this).val();
	 $('.orderStagePaymentListTable tbody:not([rel="' + payment + '"]) .in-spoiler').slideUp('fast');
	 $(this).closest('tbody').find('.in-spoiler').slideDown('fast');
});*/


#12 Barmalei

Barmalei

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

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

Отправлено 15 Март 2017 - 23:38

Спасибо, всё работает корректно.




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

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