make form buy-by-phone

This commit is contained in:
Roman Pyrih
2026-01-13 16:01:05 +01:00
parent 5aa89eb4a4
commit 0751588e2e
8 changed files with 892 additions and 357 deletions

View File

@@ -0,0 +1,102 @@
<div id="buy-by-phone-popup">
<div class="buy-by-phone-popup--wrapper">
<div class="popup-header">
<div class="popup-header--close">
<a href="#" title="close" class="close-popup">
<i class="fa fa-times" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="popup-body">
<div class="popup-body--left">
<div class="popup-img">
<img class="product-cover" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}"
title="{$product.cover.legend}" itemprop="image">
</div>
</div>
<div class="popup-body--right">
<div class="popup-body-top">
<p>ZADZWOŃ <a href="tel:172000035">172000035</a> lub uzupełnij i wyślij poniższy formularz, wówczas to my skontaktujemy się z Tobą.</p>
<form id="buy-by-phone-form" action="/buy-by-phone.php" method="post">
<input type="hidden" name="buy-by-phone-mail-from" value="masimmo">
<input type="hidden" name="buy-by-phone-product-name" value="{$product.name}">
<input type="hidden" name="buy-by-phone-product-uri" value="{$product.link}">
<div class="form-cols">
<div class="form-group lql-form-content-element">
<input type="text" class="form-control form-control-name" name="buy-by-phone-name" placeholder="Twoje imię">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control form-control-phone" name="buy-by-phone-phone" required="required" placeholder="Numer telefonu *">
</div>
</div>
<span class="popup-input-alert">* pole jest wymagane</span>
<br/><br/>
<p>Potrzebuję porady odnośnie doboru produktu:</p>
<div class="form-group lql-form-content-element form-group-radio">
<label class="radio-inline">
<input type="radio" name="buy-by-phone-need-advice" value="tak"> Tak
</label>
<label class="radio-inline">
<input type="radio" name="buy-by-phone-need-advice" value="nie"> Nie
</label>
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control" name="contact-time" placeholder="Preferowana data/godzina kontaktu">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control" name="product-to-buy" placeholder="Produkt jaki chcę kupić">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control" name="shipping-address" placeholder="Adres do wysyłki">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control" name="phone-for-courier"
placeholder="Numer telefonu dla kuriera">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control" name="email" placeholder="Adres e-mail">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control" name="comments-to-order" placeholder="Uwagi do zamówienia">
</div>
<div class="form-group lql-form-content-element form-group-polityka">
<input type="checkbox" class="form-control" name="polityka" id="polityka" required="">
<label for="polityka">
* Wyrażam zgodę na przetwarzanie przez Dr Materac sp. z o.o. mojego adresu e-mail oraz innych danych osobowych, które dobrowolnie podaję w treści wiadomości w celu udzielenia na nią odpowiedzi i kontaktu. Zapoznałem się z <a href="/content/92-regulamin-sprzedazy-telefonicznej" target="_blank">Regulaminem</a> i <a href="/content/12-polityka-prywatnosci" target="_blank">Polityką prywatności</a>
</label>
</div>
<br/>
<div class="g-recaptcha" data-sitekey="6LeJAUUsAAAAAB9l4SYYqmjAS6RwHwoyfUgTJQ5e"></div>
<br/>
<button type="submit" class="form-control-submit lql-form-bt lql-register-bt btn btn-primary"
id="buy-by-phone-form-btn">
<span class="lql-bt-txt">
Wyślij
</span>
</button>
</form>
</div>
<div class="popup-alert">
<div class="popup-alert-wrapper">
<div class="popup-alert-close">
<a href="#" title="close" class="close-popup-alert">
<i class="fa fa-times" aria-hidden="true"></i>
</a>
</div>
<div class="popup-alert-data">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{literal}
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
{/literal}

View File

@@ -65,6 +65,19 @@
</div>
{/block}
{block name='product_buy_by_phone'}
{if $product_manufacturer->id == 3}
<div class="buy_by_phone" id="buy_by_phone_btn">
<button class="btn btn-primary add-to-cart" {if !$product.add_to_cart_url} disabled {/if}>
{l s='Buy by phone' d='Shop.Theme.Actions'}
</button>
</div>
{include file='catalog/_partials/buy-by-phone-popup.tpl' product=$product}
{/if}
{/block}
{block name='product_availability'}
<span id="product-availability" class="js-product-availability">
{if $product.show_availability && $product.availability_message}