Hi,
We have implemented a gift card recipient form and functionality using Vue.js, as our theme is custom-built. In our code, we have added the necessary properties when adding a gift card product to the cart:
const addToCart = (value) => {
state.isAdding = true;
properties.value = {
colour: currentProduct.value.swatchColor
};
// Include Gift Card Values in Cart Properties
if (props.isGiftCard) {
properties.value = {
‘Recipient email’: giftCardData.value.recipientEmail,
‘Recipient name’: giftCardData.value.recipient,
Message: giftCardData.value.message,
‘Send on’: giftCardData.value.sendOn,
__shopify_send_gift_card_to_recipient: ‘on’,
__shopify_offset: new Date().getTimezoneOffset().toString()
};
}
const variables = {
id: currentProduct.value.initialVariant.id,
quantity: quantity.value,
properties: properties.value
};
};
The properties are correctly added to the cart and displayed at checkout. However, in the Shopify admin order details, these properties do not appear. Despite this, the recipient still receives the gift card email, which suggests that __shopify_send_gift_card_to_recipient: ‘on’ is functioning as expected.
When comparing this to an order placed using the Dawn theme, the properties appear in the admin order details.
Does the absence of these properties in the admin order affect any functionality? Is this expected behavior for custom themes? Any insights would be appreciated.