TransWikia.com

Create quick order form at product page

Magento Asked by Faraz Bashir on July 29, 2020

I have created a quick order button using following code at /app/design/frontend/Smartwave/porto/Magento_Catalog/templates/product/view/addtocart.phtml.

But, when popup modal opens then I need to show form with the following detail:

  1. Full Name
  2. Mobile Number
  3. Address
  4. email (optional)
  5. Customer Note (optional)
  6. quantity
    and email above detail to admin with product page URL
<button type="button" class="action primary" data-trigger="trigger">
    <span data-bind="i18n: 'Quick Order'"></span>
</button>
<div data-bind="mageInit: {
        'Magento_Ui/js/modal/modal':{
            'type': 'popup',
            'title': 'Popup title',
            'trigger': '[data-trigger=trigger]',
            'responsive': true,
            'buttons': [{
                text: 'Place Order',
                class: 'action'
            }]
        }}">
    <div class="content">
        Popup Content
    </div>
</div>

<div class="actions">
    <button type="submit"
            title="<?php /* @escapeNotVerified */ echo $buttonTitle ?>"
            class="action primary tocart"
            id="product-addtocart-button">
        <span><?php /* @escapeNotVerified */ echo $buttonTitle ?></span>
    </button>

Example website of quick order button is: https://www.shophive.com/huawei-y7-prime-2019-3gb-64gb-red

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP