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

[automega]

Помогите плиз скрыть ненужную информацию. Например при заказе у меня в способах доставки вываливается вся информация.

А я хочу чтобы у меня было просто отчетливо написано, например: Доставка через транспортную компанию и только при нажатии на это словосочетание у меня дополнительно открывалась информация и при повторном нажатии скрывалась.
И тоже самое хочу со способами оплаты сделать.
И еще хочу чтобы у меня сами надписи "Способ доставки, способ оплаты, форма быстрого заказа" были как-то посимпотичнее и отчетливее, а то я сам теряюсь в них. Просто много клиентов не смогли оформить заказ из-за этого, т.к потерялись в этом тексте.
Помогите пожалуйста.

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - 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').prop('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').prop('checked', true);
  });

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

  var del_check = $('input[name="form[delivery][id]"]:checked');  
  var pay_check = $('input[name="form[payment][id]"]:checked');  
  $(".delivery .orderStageDeliveryListTable .cell2 label").nextAll().hide();
  $(".payment .orderStagePaymentList .cell2 label").nextAll().hide();
  $(del_check).closest("tr").find("label").nextAll().show();
  $(pay_check).closest(".orderStagePaymentList").find("label").nextAll().show();
  $('.deliveryRadio').click(function(){
	$(".delivery .orderStageDeliveryListTable .cell2 label").nextAll().hide();
	$(del_check).closest("tr").find("label").nextAll().show();
  });
  $('.orderStagePaymentList input').click(function(){
	$(".payment .orderStagePaymentList .cell2 label").nextAll().hide();
	$(pay_check).closest(".orderStagePaymentList").find("label").nextAll().show();
  });

[automega]

Vaccina (11 Апрель 2018 - 04:32) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - 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').prop('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').prop('checked', true);
});

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

 var del_check = $('input[name="form[delivery][id]"]:checked');
var pay_check = $('input[name="form[payment][id]"]:checked');
$(".delivery .orderStageDeliveryListTable .cell2 label").nextAll().hide();
$(".payment .orderStagePaymentList .cell2 label").nextAll().hide();
$(del_check).closest("tr").find("label").nextAll().show();
$(pay_check).closest(".orderStagePaymentList").find("label").nextAll().show();
$('.deliveryRadio').click(function(){
$(".delivery .orderStageDeliveryListTable .cell2 label").nextAll().hide();
$(del_check).closest("tr").find("label").nextAll().show();
});
$('.orderStagePaymentList input').click(function(){
$(".payment .orderStagePaymentList .cell2 label").nextAll().hide();
$(pay_check).closest(".orderStagePaymentList").find("label").nextAll().show();
});

Добрый день, спасибо за ответ, но
У меня как-то не так получилось) Просто скрылся текст и стал нераскрываемым.
+ Первый способ раскрытый, остальные скрытые.

А можно сделать, чтобы именно способы были кликабельные и при нажатии на них выдвигалось их описание и при нажатии задвигалось?

[automega]

И подскажите пожалуйста как сделать, чтобы сами надписи "Способ доставки", "Форма быстрого заказа", "Способ оплаты", "Адрес доставки заказа" имели примерно вот такой вид:

Чтобы эти надписи имели более выразительный вид и не сливались с основным текстом. Ну не обязательно так, на ваше усмотрение, ну или чтобы они были в какой-то рамочке симпотичной.

[Ирина345]

automega (11 Апрель 2018 - 09:36) писал:

Добрый день, спасибо за ответ, но
У меня как-то не так получилось) Просто скрылся текст и стал нераскрываемым.
+ Первый способ раскрытый, остальные скрытые.
Безымянный2.png
А можно сделать, чтобы именно способы были кликабельные и при нажатии на них выдвигалось их описание и при нажатии задвигалось?

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

  var ID = $('input[name="form[delivery][id]"]:checked').val(); 
   
  $('.payment').hide();
  $('.payment[rel="' + ID + '"]').show();
  $('.payment[rel="' + ID + '"]').find('input:first').prop('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').prop('checked', true);
  });

после вставьте

$(".delivery .orderStageDeliveryListTable .cell2 label").nextAll().hide();
  $(".payment .orderStagePaymentList .cell2 label").nextAll().hide();
 
  $('.deliveryRadio').click(function(){
	 var del_check = $(this).attr('checked',true); 
  var pay_check = $('input[name="form[payment][id]"]:checked');
  $(del_check).closest("tr").find("label").nextAll().show();
  $(pay_check).closest(".orderStagePaymentList").find("label").nextAll().show();
		$(".delivery .orderStageDeliveryListTable .cell2 label").nextAll().hide();
		$(del_check).closest("tr").find("label").nextAll().show();
  });
  $('.orderStagePaymentList input').click(function(){
	 var del_check = $(this).attr('checked',true);  
  var pay_check = $('input[name="form[payment][id]"]:checked');
  $(del_check).closest("tr").find("label").nextAll().show();
  $(pay_check).closest(".orderStagePaymentList").find("label").nextAll().show();
		$(".payment .orderStagePaymentList .cell2 label").nextAll().hide();
		$(pay_check).closest(".orderStagePaymentList").find("label").nextAll().show();
  });

automega (11 Апрель 2018 - 11:45) писал:

И подскажите пожалуйста как сделать, чтобы сами надписи "Способ доставки", "Форма быстрого заказа", "Способ оплаты", "Адрес доставки заказа" имели примерно вот такой вид:
Безымянный3.png
Чтобы эти надписи имели более выразительный вид и не сливались с основным текстом. Ну не обязательно так, на ваше усмотрение, ну или чтобы они были в какой-то рамочке симпотичной.

У Вас данные блоки отображаются именно так, как указано на скриншоте.

[automega]

Ирина345 (12 Апрель 2018 - 13:06) писал:

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

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

$('.payment').hide();
$('.payment[rel="' + ID + '"]').show();
$('.payment[rel="' + ID + '"]').find('input:first').prop('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').prop('checked', true);
});

после вставьте

$(".delivery .orderStageDeliveryListTable .cell2 label").nextAll().hide();
$(".payment .orderStagePaymentList .cell2 label").nextAll().hide();

$('.deliveryRadio').click(function(){
	 var del_check = $(this).attr('checked',true);
var pay_check = $('input[name="form[payment][id]"]:checked');
$(del_check).closest("tr").find("label").nextAll().show();
$(pay_check).closest(".orderStagePaymentList").find("label").nextAll().show();
	 $(".delivery .orderStageDeliveryListTable .cell2 label").nextAll().hide();
	 $(del_check).closest("tr").find("label").nextAll().show();
});
$('.orderStagePaymentList input').click(function(){
	 var del_check = $(this).attr('checked',true);
var pay_check = $('input[name="form[payment][id]"]:checked');
$(del_check).closest("tr").find("label").nextAll().show();
$(pay_check).closest(".orderStagePaymentList").find("label").nextAll().show();
	 $(".payment .orderStagePaymentList .cell2 label").nextAll().hide();
	 $(pay_check).closest(".orderStagePaymentList").find("label").nextAll().show();
});

У Вас данные блоки отображаются именно так, как указано на скриншоте.

Спасибо огромное, с первым всё заработало.
Насчет второго, у меня на скриншоте надписи "Способ доставки", "Форма быстрого заказа", "Способ оплаты", "Адрес доставки заказа" имеют обычный вид с синим подчеркиванием. А я хочу чтобы они были более выразительны и были в рамке какой-нибудь, например синего цвета. А на данный момент эти надписи без рамок. Можно поместить их в рамки с заливкой как-нибудь, пожалуйста.
Вот у меня сейчас так
А я хочу чтобы было примерно так

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.title {color: #333744;}
.title span {position:relative;}
.title span:before {position: absolute;content: "";background: 6px #09afe7;left: 0px;bottom: 0px;height: 1px;width: 100%;}

замените на:

.title {color: #ffffff;margin-top:10px;}
.title span {position:relative;background: #09afe7;padding:0 20px;border-radius:10px;}

[automega]

Vaccina (13 Апрель 2018 - 02:59) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.title {color: #333744;}
.title span {position:relative;}
.title span:before {position: absolute;content: "";background: 6px #09afe7;left: 0px;bottom: 0px;height: 1px;width: 100%;}

замените на:

.title {color: #ffffff;margin-top:10px;}
.title span {position:relative;background: #09afe7;padding:0 20px;border-radius:10px;}

Вооо, спасибо) Теперь всё грамотно))