将产品属性添加到自定义模式 Prestashop 1.7

Adding product attributes to a custom modal Prestashop 1.7

我正在产品页面中创建一个自定义模式弹出窗口,我需要在其中放置产品属性。

我已将 "product-variants.tpl" 添加到我的自定义 tpl 中,并且属性在模态中正确显示。

但是当通过模式更改属性时,它们会跳回到产品页面中选择的值。我需要模态能够将属性更改为


更新:

我注意到当在产品页面中选择一个属性时,它会更改地址栏中的 URL,但是当通过模式更改属性时,URL 不会更新.我尝试启用友好 URL 的强制更新,但它没有帮助。


更新 2:

{block name="content"}
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" style="position: absolute;
top: 385px;
left: 345px;">
    Inquiry
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">

                {if isset($product)}
                    <h5 class="modal-title" name="mysubject">Inquire about {$product.name} </h5>
                    {/if}


                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <form action="" method="post">
                        <label for="recipient-name" class="col-form-label">Name:</label>
                        <input type="text" name="customer_name" value="" class="form-control" required>
                        <label for="recipient-mail" class="col-form-label">E-mail:</label>
                        <input type="email" name="customer_mail" value="" class="form-control" required>
                        <label for="recipient-name" class="col-form-label">Phone:</label>
                        <input type="tel" name="customer_phone" value="" class="form-control" required>
                        <label for="recipient-name" class="col-form-label">Free text:</label>
                        <div class="form-group row">
                            <div class="col-md-9"  style="float:none;">
                                <textarea class="form-control" name="customer_message" placeholder="How can we help?" rows="3"></textarea>
                            </div>
                        </div>

                            {include file='catalog/_partials/product-variants.tpl'}
                        {block name='product_prices'}
                            {include file='catalog/_partials/product-prices.tpl'}
                        {/block}

                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Отказ</button>
                            <button class="btn btn-primary" name="button_pressed">Send</button>
                        </div>
                    </form>

                </div>


            </div>

        </div>
    </div>

</div>

{/阻止}

这是我使用的 .tpl - 字面上包括我的产品属性 tpl 文件

我发现,我需要复制 product-attributes 代码并删除主要 div

的 class 名称
<div class="product-variants">

至:

<div class="">

然后属性保留在模态中选择的属性。