В корзине не выводится метод и стоимость доставки.

Профиль

Друг друга не поняли.

Тут сложно понять когда Вы пишите сначала одно

На страниц оформления заказа не выводится метод и стоимость доставки.

а потом совсем другое

В форме я выбираю способ доставки, однако пересчета общей стоимости с учетом доставки не происходит.

Зачем мне тратить на вас кучу времени, если Вы не можете даже нормально сформулировать вопрос и дать необходимую информацию? Ищите другого помощника.

Профиль

@Andchir
Я пишу сюда получить ответ, а не ругаться, ваше дело помогать в проблеме или игнорировать.

в первом сообщении я сослался на схожую проблему пользователя.

Прочитал схожий вопрос ответа не нашел.http://forum.modx-shopkeeper.ru/topic/228/не-проставляется-наименование-доставки-и-способ-оплаты-при-выборе

Профиль

jQuery подключается в самом низу, а используется он выше. Скорее всего это приводит к JS ошибке. Можно скрипт $(document).bind('ready',function(){... опустить в самый низ, или jQuery подключить вверху шаблона.

Профиль

@Andchir в форме оформление заказа, jqery подключил вверху шаблона, снизу удалил.
Почистил кэш в браузере, обновил страницу- безрезультатно.

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
    <link rel="stylesheet" href="/css/test1.css" type="text/css" media="screen" />
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    
    <title>Bootstrap test template</title>



[[$Header]]
  </head>

  <body>
[[$Navbar]]



<div class="container-fluid" style="padding:5%">
	
	<div class="row">
		<div class="col-md-12">
		    <h1>Оформление заказа</h1>
                
		    [[!Shopkeeper3@new_cart?propertySetName='new_cart']]
		</div>
	</div>

	
	<div class="row" >
	    <div class="col-md-12">


            [[!FormIt?
            &hooks=`spam,shk_fihook,email,FormItAutoResponder,redirect`
            &submitVar=`order`
            &emailTpl=`shopOrderReport`
            &fiarTpl=`shopOrderReport`
            &emailSubject=`В интернет-магазине "[[++site_name]]" сделан новый заказ`
            &fiarSubject=`Вы сделали заказ в интернет-магазине "[[++site_name]]"`
            &emailTo=`[[++emailsender]]`
            &fiarReplyTo=`[[++emailsender]]`
            &fiarToField=`email`
            &emailFrom=`[[++emailsender]]`
            &emailFromName=`[[++emailsender]]`
            &fiarFrom=`[[++emailsender]]`
            &redirectTo=`23`
            &validate=`fullname:required,email,phone:required`
            &errTpl=`<br /><span class="error">[[+error]]</span>`
            ]]
            
            [[-[[!$MeFullShopOrderForm?]] ]]
            [[!$shopOrderForm?]]
            
            <br>[[+delivery_name]]
            <br>[[+delivery_price]] [[+currency]]
            
             <div  style="text-align:right;">
                Итого: <b>[[+price_total]]</b> [[+currency]]
                <br>[[+delivery_name]]
                <br>[[+delivery_price]] [[+currency]]
            </div>
            
        </div>
    </div>
                
<script type="text/javascript">
$(document).bind('ready',function(){
    if ( SHK.data.delivery_name ) {
        $('select[name="shk_delivery"]','#shopOrderForm').val( SHK.data.delivery_name );
    }
    $('select[name="shk_delivery"]','#shopOrderForm').bind('change',function(){
        SHK.selectDelivery( $(this).val() );
    });
});
</script>

    
</div>	    

[[$Footer]]


    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
    

  </body>
</html>

Чанк строки корзины товара( cartRowTpl) и чанк формы ввода данных при оформлении заказа (shopOrderForm) не должны находится в одной форме?

Профиль

Ссылку можете дать где увидеть?

Профиль

@Andchir https://chokocandies.ru/oformlenie-zakaza

Профиль

По вашей ссылке видимо страница не опубликована. Нашел здесь
https://chokocandies.ru/oformlenie-zakaza2
но там не селект, а радио-кнопки, поэтому скрипт не подходит.

Профиль

@Andchir тестовый вариант опубликовал на ранее упомянутой странице.
https://chokocandies.ru/oformlenie-zakaza

на странице использовал ajaxform по примеру
https://chokocandies.ru/oformlenie-zakaza2

Профиль

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

<script type="text/javascript">
$(function() {
    if ( SHK.data.delivery_name ) {
        $('select[name="shk_delivery"]','#shopOrderForm').val( SHK.data.delivery_name );
    }
    $('select[name="shk_delivery"]','#shopOrderForm').bind('change',function(){
        SHK.selectDelivery( $(this).val() );
    });
});
</script>

Похоже что-то не работает с вашей версией jQuery. На демо-сайте другая версия.

Профиль

@Andchir Спасибо, заработало!
Перенес подключение JQuery из футера в хэдер.

Мало ли кто столкнется с похожей проблемой, скрипт для радио-кнопки.

    <script type="text/javascript">
		$(document).ready(function() {
		    $('[type="radio"][name="shk_delivery"]').change(function () {
		       	SHK.selectDelivery( $('[name="shk_delivery"]:checked').val() );
		    });
		});
	</script>

Форум | MODX Shopkeeper