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

[Barmalei]

Добрый день!
Помогите, пожалуйста! Сайт: http://чистый1.рф/compare

1) На странице сравнения товаров, поля сравнения выходят за границы сайта - как вернуть их в границы? (Рисунок 1)
2) На странице сравнения товаров, добавлен верхний скролл, но он не работает. Как сделать, что бы он заработал? (Рисунок 2)
3) Столбец с перечислением характеристик слишком узок. Как его расширить чуть? Что бы влезли надписи "Назначение:", "Ароматизация" и т.д. (Рисунок 3)
4) Хочу закрепить столбец с перечислением характеристик. Т.е. нужно, чтобы при прокрутке скроллом сравниваемых товаров, столбец с характеристиками оставался неподвижен (в левой части страницы). Как это сделать? (Рисунок 4)
5) Вылазит кое-какой баг. Что бы получить баг, нужно выполнить следующие действия:
   5.1. Добавляем несколько товаров в корзину и оформляем пробный заказ
   5.2. Заходим в любой раздел магазина (например, "Воздухоочистители")
   5.3. Делаем представление товаров в виде списка
   5.4. Теперь добавляем товар к сравнению (Рисунок 5)
   5.5. Мы видим, что надпись "Добавить к сравнению" как и сам список сравнения исчезли (Рисунок 6)
   5.6. Ну и вопрос: как избавиться от бага, чтобы надписи не исчезали при добавлении к сравнению?
6) При оформлении заказа, если в строку "ИМЯ" вписать только одно слово (Рисунок 7), то в строке добавляются слова "undefined undefined" (Рисунок 8). Как сделать, что бы эти слова не добавлялись?
7) Как сделать, что бы при выборе раздела магазина, на странице "Каталог товара", при наведении мышью на какой-либо раздел - он выделялся более толстой рамкой? (Рисунок 9)
8) В мобильной версии сайта текст страниц почему-то прибит к левой части (Рисунок 10). Как растянуть текст по всей ширине страницы? И ещё: почему то подвал сайта не упирается в низ страницы - как его притянуть в самый низ?

Спасибо, жду ответ!

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

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

[RedHead]

Barmalei (25 Март 2016 - 15:33) писал:

Добрый день!
Помогите, пожалуйста! Сайт: http://чистый1.рф/compare

1) На странице сравнения товаров, поля сравнения выходят за границы сайта - как вернуть их в границы? (Рисунок 1)
2) На странице сравнения товаров, добавлен верхний скролл, но он не работает. Как сделать, что бы он заработал? (Рисунок 2)
3) Столбец с перечислением характеристик слишком узок. Как его расширить чуть? Что бы влезли надписи "Назначение:", "Ароматизация" и т.д. (Рисунок 3)
4) Хочу закрепить столбец с перечислением характеристик. Т.е. нужно, чтобы при прокрутке скроллом сравниваемых товаров, столбец с характеристиками оставался неподвижен (в левой части страницы). Как это сделать? (Рисунок 4)
5) Вылазит кое-какой баг. Что бы получить баг, нужно выполнить следующие действия:
   5.1. Добавляем несколько товаров в корзину и оформляем пробный заказ
   5.2. Заходим в любой раздел магазина (например, "Воздухоочистители")
   5.3. Делаем представление товаров в виде списка
   5.4. Теперь добавляем товар к сравнению (Рисунок 5)
   5.5. Мы видим, что надпись "Добавить к сравнению" как и сам список сравнения исчезли (Рисунок 6)
   5.6. Ну и вопрос: как избавиться от бага, чтобы надписи не исчезали при добавлении к сравнению?
6) При оформлении заказа, если в строку "ИМЯ" вписать только одно слово (Рисунок 7), то в строке добавляются слова "undefined undefined" (Рисунок 8). Как сделать, что бы эти слова не добавлялись?
7) Как сделать, что бы при выборе раздела магазина, на странице "Каталог товара", при наведении мышью на какой-либо раздел - он выделялся более толстой рамкой? (Рисунок 9)
8) В мобильной версии сайта текст страниц почему-то прибит к левой части (Рисунок 10). Как растянуть текст по всей ширине страницы? И ещё: почему то подвал сайта не упирается в низ страницы - как его притянуть в самый низ?

Спасибо, жду ответ!

Здравствуйте. Перед внесением изменений, создайте бэкап шаблона.

1) В шаблоне main.css замените строки:

.pad-box {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}

на:

.pad-box {
display: inline;
float: left;
margin-left: 5px;
margin-right: 10px;
}

3) В конец шаблона main.css добавьте строку:

.CompareGoodsTableTbody td.ceil1 {min-width: 100px;}

7) В конец шаблона main.css добавьте строку:

ul.content_catalog_nested_categories li:hover { border: 5px solid #1abc9c;}

Измените цвет и толщину рамки, если необходимо.

8) Не обнаружили данной проблемы, проверили в разных браузерах. Уточните, она еще актуальна?

На остальные вопросы Вам ответят в следующей инструкции.

[Barmalei]

1) Вопрос снят, спасибо!
3) Вопрос снят, спасибо!
7) Исправил, теперь у меня пункты по странице летают при наведении на них (Рисунки 11 и 12).
8) Проблема актуальна... Сделал скриншот своего браузера на Рисунке 13. Повторюсь, это на АНДРОЙД, на телефоне

9) На странице сравнения товаров. Если характеристики разных товаров одинаковы - то строка с этой характеристикой затемняется. Но так же строка затемняется, когда у одного из товаров вместо характеристики стоит тире "-". Как бы сделать, что бы строка в этом случае не затемнялась? (Рисунок 14)

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

• 
• 
• 
• 

[Ирина345]

Barmalei (26 Март 2016 - 20:55) писал:

1) Вопрос снят, спасибо!
3) Вопрос снят, спасибо!
7) Исправил, теперь у меня пункты по странице летают при наведении на них (Рисунки 11 и 12).
8) Проблема актуальна... Сделал скриншот своего браузера на Рисунке 13. Повторюсь, это на АНДРОЙД, на телефоне

9) На странице сравнения товаров. Если характеристики разных товаров одинаковы - то строка с этой характеристикой затемняется. Но так же строка затемняется, когда у одного из товаров вместо характеристики стоит тире "-". Как бы сделать, что бы строка в этом случае не затемнялась? (Рисунок 14)

Здравствуйте,
7. Найдите в файле main.css

.content_catalog_nested_categories li {
text-align: center;
float:left;
width: 135px;
height: 135px;
overflow: hidden;
padding: 14px;
margin: 20px;
list-style-type: none;
background: none !important;
border: 1px solid #1abc9c;
}

замените на

.content_catalog_nested_categories li {
text-align: center;
display:inline-block;
width: 135px;
height: 135px;
overflow: hidden;
padding: 14px;
margin: 20px;
list-style-type: none;
background: none !important;
border: 1px solid #1abc9c;
}

8 Протестировали на мобильном устройстве, на Операционной системе Андройд ошибки в отображение не обнаружили
9 Найдите в шаблоне Сравнение товаров код

<!-- Строки №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 %}>
							

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

• 

[Barmalei]

Ответ Ирина345:

7) А нельзя сделать так, что бы иконки с категориями товаров оставались неподвижными при наведении на них мышью? А то они сейчас дёргаются - и это не красиво. Нужно просто что бы выделялось рамкой, при наведении...
8) Понял, отстал
9) Ничего не изменилось. (Рисунок 15)

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

• 

[Vaccina]

7. В main.css найдите:

ul.content_catalog_nested_categories li:hover { border: 3px solid #1abc9c;}

замените на:

ul.content_catalog_nested_categories li:hover { border: 3px solid #1abc9c;padding:12px;}

9. В main.css найдите:

.CompareGoodsTableTbodyComparisonLine.same {
	color: #888;
	background: #F0F0F0;
}

после него пропишите:

.CompareGoodsTableTbodyComparisonLine.same.not_same {
	background: #fff;
	color: #000;
}

В шаблоне Сравнение товаров найдите:

<!-- Строки №7 и т.д - Характеристики товаров -->
								{% FOR goods_attr_list %}
								  <tr class="CompareGoodsTableTbodyComparisonLine {% IF goods_attr_list.IS_SAME%}same{% ENDIF %}">
										<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>
										{% FOR values %}
									   
											   <td class="borderAll">
{% IF goods_attr_list.values.VALUE %}
  {goods_attr_list.values.VALUE}
{% ELSE %}
  -
{% ENDIF %}
</td>
										{% ENDFOR %}
								  </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 и т.д - Характеристики товаров -->

[Barmalei]

Vaccina (29 Март 2016 - 02:31) писал:

7. В main.css найдите:[CODE]

7) Спасибо, вопрос снят!
9) Теперь и одинаковые пункты не выделяются полосой... Можно сделать так, что бы одинаковые характеристики затенялись полосой, а разнящиеся характеристики не выделялись полосой? Пункты "да" и "-" считать разными.

Жду ответов на вопросы:
2)
4)
5)
6)
9)

[Firefly]

Barmalei (29 Март 2016 - 19:36) писал:

7) Спасибо, вопрос снят!
9) Теперь и одинаковые пункты не выделяются полосой... Можно сделать так, что бы одинаковые характеристики затенялись полосой, а разнящиеся характеристики не выделялись полосой? Пункты "да" и "-" считать разными.

Жду ответов на вопросы:
2)
4)
5)
6)
9)

Здравствуйте.
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:

$('.fake').width($('.CompareGoodsTableTbody').width());

Замените на:

$('.fake').width($('.CompareGoodsTableTbody:visible').width());

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.CompareGoodsTable {
		font-size: 11px;
		width: 700px;
		overflow-x: scroll;
		display: block;
}

Замените на:

.CompareGoodsTable {
		font-size: 11px;
		width: 700px;
		display: block;
}

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

5. Данная проблема возникает по причине некорректной работы стороннего скрипта, установленного у Вас для кнопки Добавить/Удалить из сравнения в каталоге товаров.
Для исправления такого метода работы потребуется исправление большей части скрипта. Обратитесь, пожалуйста, к разработчику данного скрипта для его исправления, поскольку в работу бесплатной технической поддержки это не входит.