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

[Ольга 94]

Добрый день, помогите пожалуйста. Прочитала множество веток форума по этой теме, не нашла ориентированный код на шаблон ЛЕТО! Пыталась сделать по примерам других шаблонов, не получается. Помогите исправить выбор зоны доставки с радиокнопок на раскрывающийся список. У меня две курьерские службы, и в каждой по сотне городов, очень не удобно если вся сотня будет выходить радиокнопками.

[Ольга 94]

Кто нибудь ответит?

[Ольга 94]

Ну что за дела третьи сутки все молчат? Модераторы помогите, пожалуйста!!!!

[Ольга 94]

Кто нибудь??

[Юля123]

Ольга 94 (22 Март 2016 - 11:11) писал:

Кто нибудь??

Здравствуйте, извините за долгое ожидание


В шаблоне Быстрый заказ найдите код:

				  {% IFNOT order_delivery.zone_list_empty %}
					{% FOR zone_list %}
					  <div class="zones">
						  <!-- Заголовок внутри метода доставки, появляется только один раз--> 
						  {% IF order_delivery.zone_list.index=1 %}
							<label for="deliveryId{order_delivery.ID}" class="zones-header">Зоны доставки</label><br />
						  {% ENDIF %}
						  <input
							type="radio" class="deliveryZoneRadio inFastOrder" deliveryid="{order_delivery.ID}" id="deliveryZoneId{order_delivery.zone_list.ID}" name="form[delivery][zone_id]" value="{order_delivery.zone_list.ID}"
							{% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}
							  checked="checked" rel="true"
							{% ENDIF %}
						  />
						  <label class="orderStageDeliveryZoneLabel" for="deliveryZoneId{order_delivery.zone_list.ID}">
							{order_delivery.zone_list.NAME}
							<span class="deliveryZonePrice">{order_delivery.zone_list.END_PRICE | money_format}</span>
						  </label>
					  </div>
					{% ENDFOR %}
				  {% ENDIF %}

и замените на код:

  {% IFNOT order_delivery.zone_list_empty %}
								<tr><td></td>
								  <td> <select style="margin-left:0;" class="deliveryZoneRadio" data-deliveryid="{order_delivery.ID}" name="form[delivery][zone_id]" {% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}class="required"{% ENDIF %}>
												 <option value="0" data-price="{order_delivery.END_PRICE | number_format("0", ",", " ")}"> - выберите зону доставки - </option>
												 {% FOR zone_list %}
												 <option value="{order_delivery.zone_list.ID}" data-price="{order_delivery.zone_list.END_PRICE | number_format("0", ",", " ")}" {% IForder_delivery.zone_list.ID=ORDER_FORM_DELIVERY_ZONE_ID %}selected="selected"{% ENDIF %}>
														 {order_delivery.zone_list.NAME}
												 </option>
												 {%ENDFOR%}
										 </select></td>
							   </tr> {% ENDIF %}

В main.js найдите код:

// Скрипты для Быстрого заказа
function quickOrderScripts(){
$(document).ready(function(){
   
  var ID = $('input[name="form[delivery][id]"]:checked').val(); 
   
  $('.payment').hide();
  $('.payment[rel="' + ID + '"]').show();
  $('.payment[rel="' + ID + '"]').find('input:first').attr('checked', true);
   
  $('.deliveryRadio').click(function(){ 
	var ID = $('input[name="form[delivery][id]"]:checked').val(); 
	$('.payment').hide();
	$('.payment[rel="' + ID + '"]').show();
	$('.payment[rel="' + ID + '"]').find('input:first').attr('checked', true);
  });

после этого кода добавьте код:

// Смена стоимости доставки при выборе конкретной зоны доставки
$('.fieldset select').change(function(){
var value = $(this).find('option:selected').attr('data-price');
$('tr[rel="' + $(this).attr('data-deliveryid') + '"] .orderStageDeliveryDefaultPrice .num').text(value);
// Установка шарика на пункт зоны доставки
$('#deliveryId' + $(this).attr('data-deliveryid')).click();
});

[Ольга 94]

Юля123 (23 Март 2016 - 09:35) писал:

Здравствуйте, извините за долгое ожидание


В шаблоне Быстрый заказ найдите код:

				 {% IFNOT order_delivery.zone_list_empty %}
				 {% FOR zone_list %}
					 <div class="zones">
						 <!-- Заголовок внутри метода доставки, появляется только один раз-->
						 {% IF order_delivery.zone_list.index=1 %}
						 <label for="deliveryId{order_delivery.ID}" class="zones-header">Зоны доставки</label><br />
						 {% ENDIF %}
						 <input
						 type="radio" class="deliveryZoneRadio inFastOrder" deliveryid="{order_delivery.ID}" id="deliveryZoneId{order_delivery.zone_list.ID}" name="form[delivery][zone_id]" value="{order_delivery.zone_list.ID}"
						 {% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}
							 checked="checked" rel="true"
						 {% ENDIF %}
						 />
						 <label class="orderStageDeliveryZoneLabel" for="deliveryZoneId{order_delivery.zone_list.ID}">
						 {order_delivery.zone_list.NAME}
						 <span class="deliveryZonePrice">{order_delivery.zone_list.END_PRICE | money_format}</span>
						 </label>
					 </div>
				 {% ENDFOR %}
				 {% ENDIF %}

и замените на код:

{% IFNOT order_delivery.zone_list_empty %}
							 <tr><td></td>
								 <td> <select style="margin-left:0;" class="deliveryZoneRadio" data-deliveryid="{order_delivery.ID}" name="form[delivery][zone_id]" {% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}class="required"{% ENDIF %}>
												 <option value="0" data-price="{order_delivery.END_PRICE | number_format("0", ",", " ")}"> - выберите зону доставки - </option>
												 {% FOR zone_list %}
												 <option value="{order_delivery.zone_list.ID}" data-price="{order_delivery.zone_list.END_PRICE | number_format("0", ",", " ")}" {% IForder_delivery.zone_list.ID=ORDER_FORM_DELIVERY_ZONE_ID %}selected="selected"{% ENDIF %}>
														 {order_delivery.zone_list.NAME}
												 </option>
												 {%ENDFOR%}
										 </select></td>
							 </tr> {% ENDIF %}

В main.js найдите код:

// Скрипты для Быстрого заказа
function quickOrderScripts(){
$(document).ready(function(){

var ID = $('input[name="form[delivery][id]"]:checked').val();

$('.payment').hide();
$('.payment[rel="' + ID + '"]').show();
$('.payment[rel="' + ID + '"]').find('input:first').attr('checked', true);

$('.deliveryRadio').click(function(){
var ID = $('input[name="form[delivery][id]"]:checked').val();
$('.payment').hide();
$('.payment[rel="' + ID + '"]').show();
$('.payment[rel="' + ID + '"]').find('input:first').attr('checked', true);
});

после этого кода добавьте код:

// Смена стоимости доставки при выборе конкретной зоны доставки
$('.fieldset select').change(function(){
var value = $(this).find('option:selected').attr('data-price');
$('tr[rel="' + $(this).attr('data-deliveryid') + '"] .orderStageDeliveryDefaultPrice .num').text(value);
// Установка шарика на пункт зоны доставки
$('#deliveryId' + $(this).attr('data-deliveryid')).click();
});

КРУТЬ, Юля Большое Вам спасибо!!))
Только есть некоторые проблемы.

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

[Юля123]

Ольга 94 (23 Март 2016 - 11:20) писал:

КРУТЬ, Юля Большое Вам спасибо!!))
Только есть некоторые проблемы.

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

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

Так же у нас такой функционал есть на шаблоне Карамель, если Вам очень нужен такой функционал, Вы можете изменить шаблон на шаблон карамель.

Предыдущие изменения лучше отменить, чтобы не нарушать работу магазина.

[Ольга 94]

Юля123 (23 Март 2016 - 12:41) писал:

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

Так же у нас такой функционал есть на шаблоне Карамель, если Вам очень нужен такой функционал, Вы можете изменить шаблон на шаблон карамель.

Предыдущие изменения лучше отменить, чтобы не нарушать работу магазина.

Подскажите, какая стоимость данной работы?

И еще есть ли возможность некоторые примочки из шаблона КОМФОРТ на свой шаблон добавить??

[Юля123]

Ольга 94 (23 Март 2016 - 12:45) писал:

Подскажите, какая стоимость данной работы?

И еще есть ли возможность некоторые примочки из шаблона КОМФОРТ на свой шаблон добавить??

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

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

[Ольга 94]

Юля123 (23 Март 2016 - 12:58) писал:

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

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

Мне нужно, только исправить отображение товара при наведении мышкой. В белый прямоугольничек. Если наводить на главной странице, и в каталоге товара

Юля123 (23 Март 2016 - 12:58) писал:

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

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

Юлия, скажите а почему вы не обновляете функционал на старых шаблонах? Мне например нравится только лето. А вот некоторый функционал интересный есть во многих других.

[Юля123]

Ольга 94 (23 Март 2016 - 13:06) писал:

Мне нужно, только исправить отображение товара при наведении мышкой. В белый прямоугольничек. Если наводить на главной странице, и в каталоге товара

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

Цитата

Юлия, скажите а почему вы не обновляете функционал на старых шаблонах? Мне например нравится только лето. А вот некоторый функционал интересный есть во многих других.

У каждого шаблона своя логика, свой функционал. Всем нужны разные магазины, кому-то нужен адаптивный, а кому-то это не требуется. Так и со всем остальным функционалом. Все шаблоны отличаются друг от друга. Иначе, все шаблоны были бы одинаковые, только, может быть, цвета разного. Обычно пользователи выбирают наиболее подходящий по функционалу шаблон, а далее уже редактируют, изменяют его так, как нужно конкретному пользователю. Если есть какие-то изменения по стилям или же небольшие изменения функционала, то Вам с этим может помочь бесплатная техническая поддержка. Если же это более сложные вопросы, касаемые функционала, то Вы можете обратиться либо в нашу платную техническую поддержку, либо к сторонним специалистам (фрилансерам). И уже с их помощью изменять сайт так как нужно Вам.

[Ольга 94]

Юля123 (23 Март 2016 - 14:44) писал:

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





У каждого шаблона своя логика, свой функционал. Всем нужны разные магазины, кому-то нужен адаптивный, а кому-то это не требуется. Так и со всем остальным функционалом. Все шаблоны отличаются друг от друга. Иначе, все шаблоны были бы одинаковые, только, может быть, цвета разного. Обычно пользователи выбирают наиболее подходящий по функционалу шаблон, а далее уже редактируют, изменяют его так, как нужно конкретному пользователю. Если есть какие-то изменения по стилям или же небольшие изменения функционала, то Вам с этим может помочь бесплатная техническая поддержка. Если же это более сложные вопросы, касаемые функционала, то Вы можете обратиться либо в нашу платную техническую поддержку, либо к сторонним специалистам (фрилансерам). И уже с их помощью изменять сайт так как нужно Вам.

У меня к сожалению на данном компьютере не работает кнопка принскрин и я не могу показать наглядно. В общем в шаблоне КОМФОРТ на главной странице расположены товары. И при наведении мышкой на любой из товаров он отображается в белом прямоугольнике с тенью! А у меня в шаблоне лето при наведении на товар, разьезжаются края в разные стороны(анимация при наведении мышкой), и появляются две кнопки сбоку сравнить и добавить в избранное. Мне не очень нравится так как сейчас у меня, а хотелось бы так как представлено в шаблоне КОМФОРТ. Больше я ни в одном из представленных  шаблонов не вижу данной анимации. Понятно объяснила??))

[Юля123]

Ольга 94 (23 Март 2016 - 14:49) писал:

У меня к сожалению на данном компьютере не работает кнопка принскрин и я не могу показать наглядно. В общем в шаблоне КОМФОРТ на главной странице расположены товары. И при наведении мышкой на любой из товаров он отображается в белом прямоугольнике с тенью! А у меня в шаблоне лето при наведении на товар, разьезжаются края в разные стороны(анимация при наведении мышкой), и появляются две кнопки сбоку сравнить и добавить в избранное. Мне не очень нравится так как сейчас у меня, а хотелось бы так как представлено в шаблоне КОМФОРТ. Больше я ни в одном из представленных  шаблонов не вижу данной анимации. Понятно объяснила??))

Да, я Вас поняла, попробуйте в конце main.css добавить код:

.item-inner:hover {z-index: 10;box-shadow: 0 2px 20px rgba(0,0,0, 0.25);border-color: transparent;border-radius: 4px;}

[Ольга 94]

Юля123 (23 Март 2016 - 15:21) писал:

Да, я Вас поняла, попробуйте в конце main.css добавить код:

.item-inner:hover {z-index: 10;box-shadow: 0 2px 20px rgba(0,0,0, 0.25);border-color: transparent;border-radius: 4px;}

Класс! Вы супер!! Спасибо.
А как убрать тень, и сделать например бордюр в 1 пх?и высоту побольше сделать.. и еще подскажите где изменять расположение кнопочек которые боковые сравнение и избранное и наименование товара?И еще нужно старую анимация убрать? чтобы края фотографии не разьезжались.

[Юля123]

Ольга 94 (23 Март 2016 - 15:26) писал:

Класс! Вы супер!! Спасибо.
А как убрать тень, и сделать например бордюр в 1 пх?и высоту побольше сделать.. и еще подскажите где изменять расположение кнопочек которые боковые сравнение и избранное и наименование товара?И еще нужно старую анимация убрать? чтобы края фотографии не разьезжались.

В main.css найдите и удалите код:

.products-grid .item:hover .product-hover .product-image:before {border: 1px solid transparent;}

Это чтобы края не разъезжались.

Убираем тень (при наведении?) в main.css найдите код:

.item-inner:hover {z-index: 10;box-shadow: 0 2px 20px rgba(0,0,0, 0.25);border-color: transparent;border-radius: 0px;}

и замените на код:

.item:hover {z-index: 10;border:1px solid black;border-radius: 0px;}

Уточните, каким образом Вы хотите изменить положение кнопочек. Мы могли бы помочь Вам в установке.

[Ольга 94]

Юля123 (23 Март 2016 - 15:47) писал:

В main.css найдите и удалите код:

.products-grid .item:hover .product-hover .product-image:before {border: 1px solid transparent;}

Это чтобы края не разъезжались.

Убираем тень (при наведении?) в main.css найдите код:

.item-inner:hover {z-index: 10;box-shadow: 0 2px 20px rgba(0,0,0, 0.25);border-color: transparent;border-radius: 0px;}

и замените на код:

.item:hover {z-index: 10;border:1px solid black;border-radius: 0px;}

Уточните, каким образом Вы хотите изменить положение кнопочек. Мы могли бы помочь Вам в установке.

Юля спасибо. Только что они так скакать стали при наведении. и текст отпускаться стал когда рамка появляется

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

[Ольга 94]

На счет кнопочек. Хочу поменять поле новинка на маленькие круглые поля (чтобы туда влазило только слово NEW или SALE) оставить также, как и сейчас есть вверху и в противоположном углу сделать кнопочку с сердечком, чтобы они были одинаковые по размерам с полями "НОВИНКА". Надеюсь Вам понятно, как я обьясняю))А кнопку "Сравнение" я наверное вообще уберу)Пока думаю

[Юля123]

Ольга 94 (23 Март 2016 - 15:54) писал:

Юля спасибо. Только что они так скакать стали при наведении. и текст отпускаться стал когда рамка появляется

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

Попробуйте код:

.item-inner:hover {z-index: 10;box-shadow: 0 2px 20px rgba(0,0,0, 0.25);border-color: transparent;border-radius: 0px;}

заменить на код:

.item-inner:hover {z-index: 10;border: 1px solid black;border-radius: 0px;}

По поводу стикера с новинками, Можно его заменить на картинку. Пример:





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


Кнопки. В Mаin.css найдите код:

.products-grid .item .add-to-links {position: absolute;top: 35%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);left: -17px;opacity: 0;z-index: 10;}

в этом коде изменяйте значения у свойства top и left, чтобы кнопки были справа, у left  пропишите 245px, примерно.

[Ольга 94]

Юля123 (23 Март 2016 - 17:57) писал:

Попробуйте код:

.item-inner:hover {z-index: 10;box-shadow: 0 2px 20px rgba(0,0,0, 0.25);border-color: transparent;border-radius: 0px;}

заменить на код:

.item-inner:hover {z-index: 10;border: 1px solid black;border-radius: 0px;}

По поводу стикера с новинками, Можно его заменить на картинку. Пример:

novinka.png
novinka3.png


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


Кнопки. В Mаin.css найдите код:

.products-grid .item .add-to-links {position: absolute;top: 35%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);left: -17px;opacity: 0;z-index: 10;}

в этом коде изменяйте значения у свойства top и left, чтобы кнопки были справа, у left  пропишите 245px, примерно.

Юля спасибо, что помогли, настроила, как хотела