Documentation

# How to Customize Gift Catalog

# Mailing Cards

To add mailing card:

  • Edit a product
  • Go to 7. Product Options and add a new option
  • Add Add a Greeting Card for Option Text, the keyword card or Card must be present
  • Add Yes for the first option Choice, this value will be replaced by the value from the Option Text, however, the keyword yes must be present
  • Set Additional Charge & Tax Deductible Portion to 0
  • Additional card information must be present on the page in a container with an id product__cards. The information will be placed immediately after the product option checkbox; the HTML for this section lives in the reusable PageBuilder page reus_ecommerce__cards
  • If the mailing card checkbox is rendered on the cart pages, the tooltip text is expected to come from the element with an id checkout__card-info; the HTML code lives in the reusable PageBuilder page reus_ecommerce__cart
  • The heading that appears on the mailing card pop-up lives in the element with id store__mailing-card; the HTML code lives in the reusable PageBuilder page reus_ecommerce__thank_you
  • The text about the greeting cards that appears above the products comes from the element with id store__cards-instructions; the HTML code lives in the reusable PageBuilder page reus_ecommerce__thank_you

# New Products

New product flag can be enabled for each product in reus_content_catalog PageBuilder page. Locate section that starts with tpl-ecommerce-new-items. Provide a comma-separated list product id in brackets where you want to enable a New flag to appear. To disable just leave the section blank or enter [].

Example with logic for live & test sites:

<script type="text/template" id="tpl-ecommerce-new-items">
[[?Xsupport.savethechildren.orgX::X[[S29:DOMAIN]]X::
  [1882, 1884, 1883, 1904, 1922, 1924, 1923, 1902, 1903]
::
  [1156, 1157, 1184, 1185, 1208, 1173]
]]
</script>

# Empty Cart Text

The empty cart text live in a PageBuilder page reus_ecommerce__cart_empty. All text revisions can be made there.

# Product Pop-up

The product pop-up is set in reus_popup_gift_cat PageBuilder page. It contains the HTML for the element and a JSON element for the list of prroducts that will be displayed in the pop-up. The pop-up will choose a product at random from the list.

# Floating Cart Button

The HTML for the floating cart button lives in reus_content_catalog PageBuilder page. It is shown/hidden by the same logic that shows/hides the cart count in the header.

# Images

All gift catalog images are replaced by scripts with higher fidelity images. To ensure optimal page load a few different images sizes must be uploaded to the FTP server. The image name must be the id of the product.

← Transaction flow →