Home › Forums › Basel support forum › How to create a popup appear with product image + price + fill form on it

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 29, 2019 at 5:10 am #153050

    satatech
    Participant

    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.
    October 29, 2019 at 8:38 am #153100

    Elise Noromit
    Member

    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

    November 5, 2019 at 9:08 am #154828

    satatech
    Participant

    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,

    November 5, 2019 at 10:18 am #154839

    Elise Noromit
    Member

    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
Viewing 4 posts - 1 through 4 (of 4 total)