# Gift Catalog Technical Notes

# Mailed Card

Updated 2019-10-23 The old mailing card functionality has been kept in place. The new functionality was added as follows.

The code hides the mailing card option on product pages with CSS, everything is left as is.

The code is based on the edit button. It is hidden with JS.
The edit button's URL is used to retrieve the product update form via AJAX.
The form is then appended to the row and hidden with JS.
The fake checkbox is made unique by appending product id to the attributes.
The fake checkbox is appended after the edit button.
When a user clicks on the checkbox, the shadow product edit form is submitted via AJAX. This updates the product details in the session.
The checked state of the fake checkbox is determined by the presence of the product configuration label with a keyword card in it. That is, if Luminate tells us that card product option was selected.
Added a pop-up info next to the label, the content of the pop-up lives in reus_ecommerce__cart PageBuilder page.