AnswerBun.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!

Related Questions

Get matrixrate config programatically

0  Asked on December 14, 2020 by pevik

     

Error 404 : The requested page do not exist

1  Asked on December 14, 2020 by claims

   

Magento 2 Checkout shipping afterRender

0  Asked on December 13, 2020 by mac_mod

         

How to make checkout page 2columns-left on magento 2

1  Asked on December 13, 2020 by alin-lupoiu

       

magento2 plugin and str_replace

2  Asked on December 11, 2020 by boll

 

Custom email layout handle for custom module

2  Asked on December 11, 2020 by karan-adhikari

     

Magento 2 – Remove debug path hint from email template

3  Asked on December 9, 2020 by hardik

   

Watermark magento 2

2  Asked on December 9, 2020 by pascal-van-kooten

 

How to place sizes in order

1  Asked on December 7, 2020 by stefaniiia

 

Magento 2.4 disable UI/Theme part

0  Asked on December 7, 2020 by bogdan-hepting

   

Ask a Question

Get help from others!

© 2022 AnswerBun.com. All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP, SolveDir