{"id":33032,"date":"2023-12-18T11:42:29","date_gmt":"2023-12-18T19:42:29","guid":{"rendered":"https:\/\/cellarswineclub.com\/?page_id=33032"},"modified":"2025-12-02T08:57:23","modified_gmt":"2025-12-02T16:57:23","slug":"gift-announcement","status":"publish","type":"page","link":"https:\/\/cellarswineclub.com\/gift-announcement\/","title":{"rendered":"Gift Announcement"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33032\" class=\"elementor elementor-33032\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2653fe0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2653fe0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17be010\" data-id=\"17be010\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3480d9d elementor-widget elementor-widget-spacer\" data-id=\"3480d9d\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-28b4cfb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"28b4cfb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cdc1042\" data-id=\"cdc1042\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f72b47e elementor-widget elementor-widget-heading\" data-id=\"f72b47e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Print Your Gift Announcement<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-740435f elementor-widget elementor-widget-text-editor\" data-id=\"740435f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you didn\u2019t include a gift message with your wine order, don\u2019t worry. Select your options below and print a personalized announcement in under a minute.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ac06ff8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ac06ff8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-123a734\" data-id=\"123a734\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8d0ea12 elementor-widget elementor-widget-html\" data-id=\"8d0ea12\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2705 Cellars Wine Club \u2013 Printable Gift Announcement (with club + duration, single-page print) -->\r\n<div class=\"ga-wrapper\">\r\n\r\n  <!-- Gift Image Choices -->\r\n  <div class=\"gift-options\">\r\n    <label class=\"gift-option\">\r\n      <img decoding=\"async\" src=\"https:\/\/cellarswineclub.com\/wp-content\/uploads\/2025\/08\/GA1Sm.png\" alt=\"Gift Option 1\">\r\n      <input type=\"radio\" name=\"gift-image-radio\" value=\"https:\/\/cellarswineclub.com\/wp-content\/uploads\/2025\/08\/GA1Big.png\">\r\n      <div class=\"option-label\">Option 1<\/div>\r\n    <\/label>\r\n\r\n    <label class=\"gift-option\">\r\n      <img decoding=\"async\" src=\"https:\/\/cellarswineclub.com\/wp-content\/uploads\/2025\/08\/GA2Sm.png\" alt=\"Gift Option 2\">\r\n      <input type=\"radio\" name=\"gift-image-radio\" value=\"https:\/\/cellarswineclub.com\/wp-content\/uploads\/2025\/08\/GA2Big.png\">\r\n      <div class=\"option-label\">Option 2<\/div>\r\n    <\/label>\r\n\r\n    <label class=\"gift-option\">\r\n      <img decoding=\"async\" src=\"https:\/\/cellarswineclub.com\/wp-content\/uploads\/2025\/08\/GA3Sm.png\" alt=\"Gift Option 3\">\r\n      <input type=\"radio\" name=\"gift-image-radio\" value=\"https:\/\/cellarswineclub.com\/wp-content\/uploads\/2025\/08\/GA3Big.png\">\r\n      <div class=\"option-label\">Option 3<\/div>\r\n    <\/label>\r\n  <\/div>\r\n\r\n  <!-- Input fields for the announcement -->\r\n  <div class=\"ga-form\">\r\n    <div class=\"ga-field\">\r\n      <label for=\"ga-to-name\">Recipient Name<\/label>\r\n      <input id=\"ga-to-name\" type=\"text\" placeholder=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"ga-field\">\r\n      <label for=\"ga-from-name\">From<\/label>\r\n      <input id=\"ga-from-name\" type=\"text\" placeholder=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"ga-field\">\r\n      <label for=\"ga-club\">Wine Club<\/label>\r\n      <select id=\"ga-club\">\r\n        <option value=\"\">Select<\/option>\r\n        <option>Premium Wine Club<\/option>\r\n        <option>90 Point Wine Club<\/option>\r\n        <option>Champagne & Sparkling Club<\/option>\r\n        <option>Red Trio Wine Club<\/option>\r\n        <option>Sweet Wine Club<\/option>\r\n        <option>International Wine Club<\/option>\r\n        <option>West Coast Wine Club<\/option>\r\n        <option>Organic \/ Natural Wine Club<\/option>\r\n        <option>Ros\u00e9 Wine Club<\/option>\r\n        <option>Premium Case Club<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"ga-field\">\r\n      <label for=\"ga-duration\">Duration<\/label>\r\n      <select id=\"ga-duration\">\r\n        <option value=\"\">Select<\/option>\r\n        <option>On Going<\/option>\r\n        <option>1 Month<\/option>\r\n        <option>2 Months<\/option>\r\n        <option>3 months<\/option>\r\n         <option>4 Months<\/option>\r\n          <option>5 Months<\/option>\r\n        <option>6 months<\/option>\r\n        <option>12 months<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"ga-field\">\r\n      <label for=\"ga-message\">Personal Message<\/label>\r\n      <textarea id=\"ga-message\" rows=\"4\" placeholder=\"Write a short note to go with the gift.\"><\/textarea>\r\n    <\/div>\r\n\r\n    <div class=\"ga-buttons\">\r\n      <button type=\"button\" id=\"ga-preview-btn\">Preview Gift Announcement<\/button>\r\n      <button type=\"button\" id=\"ga-print-btn\" disabled>Print Gift Announcement<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Preview card that will be printed -->\r\n  <div id=\"ga-preview-wrapper\" class=\"ga-preview-wrapper\" style=\"display:none;\">\r\n    <div class=\"ga-card\" id=\"ga-card\">\r\n      <img decoding=\"async\" id=\"ga-preview-image\" src=\"\" alt=\"Gift Image\" class=\"ga-card-image\">\r\n\r\n      <div class=\"ga-card-content\">\r\n        <p class=\"ga-card-to\">To: <span id=\"ga-preview-to\"><\/span><\/p>\r\n\r\n        <p class=\"ga-card-line\"><strong>Wine Club:<\/strong> <span id=\"ga-preview-club\"><\/span><\/p>\r\n        <p class=\"ga-card-line\"><strong>Duration:<\/strong> <span id=\"ga-preview-duration\"><\/span><\/p>\r\n\r\n        <p class=\"ga-card-message\" id=\"ga-preview-message\"><\/p>\r\n\r\n        <p class=\"ga-card-from\">From: <span id=\"ga-preview-from\"><\/span><\/p>\r\n        <p class=\"ga-card-footer\">Your Cellars Wine Club gift is on the way. Enjoy!<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const radios = document.querySelectorAll('input[name=\"gift-image-radio\"]');\r\n    const options = document.querySelectorAll('.gift-option');\r\n\r\n    const toInput = document.getElementById('ga-to-name');\r\n    const fromInput = document.getElementById('ga-from-name');\r\n    const clubSelect = document.getElementById('ga-club');\r\n    const durationSelect = document.getElementById('ga-duration');\r\n    const msgInput = document.getElementById('ga-message');\r\n\r\n    const previewBtn = document.getElementById('ga-preview-btn');\r\n    const printBtn = document.getElementById('ga-print-btn');\r\n\r\n    const previewWrapper = document.getElementById('ga-preview-wrapper');\r\n    const previewImage = document.getElementById('ga-preview-image');\r\n    const previewTo = document.getElementById('ga-preview-to');\r\n    const previewFrom = document.getElementById('ga-preview-from');\r\n    const previewMessage = document.getElementById('ga-preview-message');\r\n    const previewClub = document.getElementById('ga-preview-club');\r\n    const previewDuration = document.getElementById('ga-preview-duration');\r\n\r\n    let selectedImage = \"\";\r\n\r\n    \/\/ Handle image selection\r\n    radios.forEach((radio, index) => {\r\n      radio.addEventListener(\"change\", () => {\r\n        selectedImage = radio.value;\r\n        options.forEach(opt => opt.classList.remove('selected'));\r\n        options[index].classList.add('selected');\r\n      });\r\n    });\r\n\r\n    \/\/ Preselect first option on load\r\n    if (radios[0]) {\r\n      radios[0].checked = true;\r\n      selectedImage = radios[0].value;\r\n      options[0].classList.add('selected');\r\n    }\r\n\r\n    \/\/ Build preview\r\n    previewBtn.addEventListener('click', function () {\r\n      const toName = toInput.value.trim();\r\n      const fromName = fromInput.value.trim();\r\n      const message = msgInput.value.trim();\r\n      const club = clubSelect.value.trim();\r\n      const duration = durationSelect.value.trim();\r\n\r\n      if (!toName || !fromName || !message || !club || !duration) {\r\n        alert(\"Please fill in Recipient, From, Wine Club, Duration, and Message before previewing.\");\r\n        return;\r\n      }\r\n\r\n      \/\/ Populate preview\r\n      previewImage.src = selectedImage;\r\n      previewTo.textContent = toName;\r\n      previewFrom.textContent = fromName;\r\n      previewMessage.textContent = message;\r\n      previewClub.textContent = club;\r\n      previewDuration.textContent = duration;\r\n\r\n      previewWrapper.style.display = 'block';\r\n      printBtn.disabled = false;\r\n\r\n      \/\/ Scroll to preview\r\n      previewWrapper.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n    });\r\n\r\n    \/\/ Print only the card using a clean new window\r\n    printBtn.addEventListener('click', function () {\r\n      const card = document.getElementById('ga-card');\r\n      if (!card) return;\r\n\r\n      const cardHtml = card.outerHTML;\r\n\r\n      \/\/ Basic styles for print window \u2013 tuned for 8.5 x 11\r\n      const styles = `\r\n        html, body {\r\n          margin: 0;\r\n          padding: 0;\r\n        }\r\n        body {\r\n          font-family: Arial, sans-serif;\r\n          background-color: #ffffff;\r\n        }\r\n        .ga-card {\r\n          width: 8in;\r\n          max-width: 8in;\r\n          margin: 0.5in auto;\r\n          border: 1px solid #ddd;\r\n          border-radius: 8px;\r\n          padding: 16px;\r\n          box-shadow: none;\r\n          background-color: #ffffff;\r\n        }\r\n        .ga-card-image {\r\n          width: 100%;\r\n          max-height: 280px;\r\n          object-fit: cover;\r\n          border-radius: 6px;\r\n          margin-bottom: 16px;\r\n        }\r\n        .ga-card-content {\r\n          text-align: left;\r\n          font-size: 14px;\r\n          line-height: 1.5;\r\n        }\r\n        .ga-card-to,\r\n        .ga-card-from {\r\n          font-weight: 600;\r\n          margin-bottom: 6px;\r\n        }\r\n        .ga-card-line {\r\n          margin: 4px 0;\r\n        }\r\n        .ga-card-message {\r\n          margin: 10px 0 16px;\r\n        }\r\n        .ga-card-footer {\r\n          margin-top: 10px;\r\n          font-style: italic;\r\n          color: #555;\r\n        }\r\n        @page {\r\n          size: 8.5in 11in;\r\n          margin: 0.5in;\r\n        }\r\n      `;\r\n\r\n      const printWindow = window.open('', '_blank');\r\n      printWindow.document.write('<html><head><title>Cellars Wine Club Gift Announcement<\/title>');\r\n      printWindow.document.write('<style>' + styles + '<\/style>');\r\n      printWindow.document.write('<\/head><body>');\r\n      printWindow.document.write(cardHtml);\r\n      printWindow.document.write('<\/body><\/html>');\r\n      printWindow.document.close();\r\n      printWindow.focus();\r\n      printWindow.print();\r\n      printWindow.close();\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<style>\r\n  .ga-wrapper {\r\n    max-width: 900px;\r\n    margin: 0 auto 40px;\r\n  }\r\n\r\n  .gift-options {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .gift-option {\r\n    flex: 0 0 calc(33.333% - 20px);\r\n    text-align: center;\r\n    border: 2px solid transparent;\r\n    border-radius: 6px;\r\n    padding: 10px;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .gift-option img {\r\n    width: 100%;\r\n    max-width: 250px;\r\n    display: block;\r\n    margin: 0 auto 10px;\r\n  }\r\n\r\n  .gift-option input[type=\"radio\"] {\r\n    margin-top: 10px;\r\n    accent-color: #b12525;\r\n    transform: scale(1.4);\r\n  }\r\n\r\n  .gift-option.selected {\r\n    border-color: #b12525;\r\n    background-color: #fdf9f6;\r\n  }\r\n\r\n  .option-label {\r\n    font-weight: bold;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  .ga-form {\r\n    margin-top: 10px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .ga-field {\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .ga-field label {\r\n    display: block;\r\n    font-weight: 600;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .ga-field input,\r\n  .ga-field textarea,\r\n  .ga-field select {\r\n    width: 100%;\r\n    padding: 8px 10px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 4px;\r\n    font: inherit;\r\n  }\r\n\r\n  .ga-buttons {\r\n    margin-top: 10px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .ga-buttons button {\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 10px 18px;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n  }\r\n\r\n  #ga-preview-btn {\r\n    background-color: #b12525;\r\n    color: #fff;\r\n  }\r\n\r\n  #ga-print-btn {\r\n    background-color: #555;\r\n    color: #fff;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  #ga-print-btn:enabled {\r\n    opacity: 1;\r\n  }\r\n\r\n  .ga-preview-wrapper {\r\n    margin-top: 30px;\r\n    text-align: center;\r\n  }\r\n\r\n  .ga-card {\r\n    display: inline-block;\r\n    width: 100%;\r\n    max-width: 700px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 8px;\r\n    padding: 16px;\r\n    box-shadow: 0 2px 6px rgba(0,0,0,0.08);\r\n    background-color: #ffffff;\r\n  }\r\n\r\n  .ga-card-image {\r\n    width: 100%;\r\n    max-height: 280px;\r\n    object-fit: cover;\r\n    border-radius: 6px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .ga-card-content {\r\n    text-align: left;\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .ga-card-to,\r\n  .ga-card-from {\r\n    font-weight: 600;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .ga-card-line {\r\n    margin: 4px 0;\r\n  }\r\n\r\n  .ga-card-message {\r\n    margin: 10px 0 16px;\r\n  }\r\n\r\n  .ga-card-footer {\r\n    margin-top: 10px;\r\n    font-style: italic;\r\n    color: #555;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .gift-options {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    .gift-option {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Print Your Gift Announcement If you didn\u2019t include a gift message with your wine order, don\u2019t worry. Select your options [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-33032","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cellarswineclub.com\/wp-json\/wp\/v2\/pages\/33032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cellarswineclub.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cellarswineclub.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cellarswineclub.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/cellarswineclub.com\/wp-json\/wp\/v2\/comments?post=33032"}],"version-history":[{"count":95,"href":"https:\/\/cellarswineclub.com\/wp-json\/wp\/v2\/pages\/33032\/revisions"}],"predecessor-version":[{"id":71806,"href":"https:\/\/cellarswineclub.com\/wp-json\/wp\/v2\/pages\/33032\/revisions\/71806"}],"wp:attachment":[{"href":"https:\/\/cellarswineclub.com\/wp-json\/wp\/v2\/media?parent=33032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}