Appearance

Gift card ​

This guide describes setting up a Gift card section on your store's Gift card page.

Use gift cards to allow customers to buy prepaid credit to spend on future purchases from your store. Refer to Shopify help: Selling gift cards

An example Gift card section on a store's Gift card page.

The previous image shows a Gift card section on a store's Gift card page. In the top left, the section's Logo image selector contains an image. At the center top, the image is displayed as a logo inside the section.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks

Set up a gift card section ​

To set up a Gift card section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select Others > Gift card.

    Note

    The section is available only on Gift card pages.

  2. From the side menu, select Gift card.

    The Gift card section selected in Theme editor.

  3. Select a setting described in the following table.

Setting nameDescription
Logo imageUse the following Logo image selector options to set up an image to use as a logo, inside the section.
  • To add an image, choose Select image, and then upload an image or select an image file from your store's file library.
  • To add a focal point to an image, select Edit in the image selector's thumbnail preview area, and then select Add focal point. Refer to Shopify help: Add a focal point to an image, and Edit an image inside a section or block.
  • To add "alt text" to an image, select Edit, and then enter a brief description of the image into the Image alt text box. The description improves search engine optimization (SEO), and provides greater accessibility for customers who use screen-reading tools. The text is saved immediately. Refer to Shopify help: Adding alt text to media
  • To download an image, select Edit > Download.
  • To replace an image, choose Change > Change image, and then select or upload a new image.
  • To remove an image, select Change > Remove image.
  • To display an image from a dynamic source, select the Change > Connect dynamic source, and then choose a metafield to add. Refer to Shopify help: Metafields
Logo image > Connect dynamic sourceTo display a logo image from a dynamic source, select the Connect dynamic source icon beside the Logo image selector, and then choose a metafield to add. Refer to Shopify help: Metafields
Custom logo widthAdjust the slider Custom logo width to set a size for the section's logo image between 20px and 450px (pixels).
Color > Color schemeUse the Color scheme dropdown to set the section's color scheme to Primary, Secondary or Tertiary. Refer to Colors.
Theme settingsSelect Theme settings to access additional settings for the section. Refer to Section theme settings menu.