Offcanvas Cart

[Uslu]

Hello, I have inserted a button in the product listings overview. I would like to be able to add a product directly to the shopping cart offcanvas. But when I click on the button, the offcanvas opens but says that there are no items in the shopping cart. What do I have to set so that it puts the clicked button in the offcanvas shopping cart?

[tristup]

Hi Caglar,

Thanks for reaching out.
If you are trying to open the Cart Off Canvas while clicking into the Add to Cart button**, you need to add custom JavaScript code which will be triggered while clicking into the Add to Cart button and open the canvas.
I would suggest you go through the following thread which may help you on this.

Make button trigger modal, but only upon click (not at pageload)

Hi @nblund, You can use the following code to trigger the modal on the button click. Here open-modal-button is the class assigned to the button and the assigned id of the modal my-content-area-1. Remember that, the anchor-toggle suffix will be added to the given id of Modal. [Screenshot-2021-12-17-183402] [Screenshot-2021-12-17-183420] jQuery ( document ).on ('click', '.open-modal-button', ( e ) => { e.preventDefault(); jQuery('#my-content-area-1-anchor-toggle')[0].click(); } )…

If you are not proficient in this, I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks