How to create a popup appear with product image + price + fill form on it

Hello XTEMOS,
I know this question is not relevant with your work but I hope you can give me a guide or a link on Internet that can help me do this:
I want to do a button “ĐẶT HÀNG NHANH”, like in this link:
https://chipos.vn/san-pham/dau-doc-ma-vach-2d-datalogic-qd2430/
when user click on it, a popup will appear with a small picture of product, the price, and a form for user to fill in.
Can I do this with a plugin? Thank you so much, please ignore if you feel not relevant

Attachments:

You must be logged in to view attached files.

Hello,

Our theme has a Popup element. You can insert product and contact form to place order for this product.

You can use Product Grid element in the List mode and configure to show one certain product https://gyazo.com/cc7968ba169589a91c6352ed9b23fa34 as you see the product can be added to the cart and order can be placed

If you remove the price from the simple product and add the contact form http://prntscr.com/ppiyzx you will get the result like this: https://gyazo.com/a5eee2c80ababdafa233b8d5f6e4883c

So you can do it by means of existing option and you do not require additional plugins.

Best Regards

Yes XTEMOS, thank you, I understand your solution like this:
Write an HTML block with product image, price, and a form inside,
Insert the shortcode of this HTML block into the popup,
When user click the button, the popup appear and render the HTML block to show image, price, and form.
Is it right?
But how the popup can show image, price accordingly to each product? I mean how the HTML block can get the image, price of the product user is viewing to render in the popup?
Thank you XTEMOS.

Best Regards,

Hello,

Write an HTML block with product image, price, and a form inside, You do not need to do it, you can show the product in the Product grid elements. You can insert the product ID, tag or category and set to show 1 product and it will show the first or the last product from the category. You can check all the options of the product settings here: https://xtemos.com/docs/basel/faq-guides-2/product-grid-carousel-element/

However, if you want to make your own design, create the template just right inside the Pop-up element. If you still need to insert HTML code, use the Raw HTML element or Text element. In this case, you insert everything manually.

Best Regards

[Author]

Posts