View Product Page

Shop logo options

You have the possibility of insert the shop logo in the gift card templates sent to the recipient.

You can find the options to set up a logo for all your gift cards in the Style tab in the plugin settings (YITH > Gift Cards > Style).

Add shop logo to gift cards

Additionally you can also add the shop logo after and/or before the gift card image. If you enable these options, you will be able to select the alignment of the logo between left, center and right.

Gift card design options

Still in the Style tab, you’ll find a specific section “Gift card design options” that allows you to edit the gift card product image and the gift card gallery. Let’s see all the available options.

Gift card product image

Gift card design options 2

Default gift card image: upload a image that will be used as default product image for all your gift cards. You can, however, override it when you create a new gift card product and leave empty if you don’t want to apply a default image.

Please, note: this setting applies only to virtual gift cards.

Product image

Title for “Choose your image” section: enter a title for the ‘Choose your image’ area on your gift card page.

Gift card image gallery

Enable the gallery: allow users to pick the gift card image from those available in the gallery. Note: images that can be used by customers have to be uploaded through the Media gallery. To make the search easier, you can group images into categories (e.g. Christmas, Easter, Birthday, etc.) from YITH > Gift Cards > Image categories.

If enabled, you will see more options to configure the gallery section on the frontend.

How many images to show: Set how many gift card images to show on the gift card page, excluded the default product image. Other designs will be shown when the customer clicks on “View all” button.

Text for “View all” button

Show image title: Enable if you want to show a title below every image in the gallery when clicking on the “View all” button.

For more details about how to configure a gallery, please, refer to this page.

Custom image upload: enable if the customer can upload a custom image/photo for the gift card. If enabled, you can also see the following options:

Enter a recommended image size (in pixels) for custom images.

Set a max size in MB for custom images (this is a required option).

Upload image options
Upload custom image

Plugin design options

Finally, in the Style tab, you can find the Plugin main color option that allows you to select an accent color for all the plugin related options. This color is used for highlighting the selected image, the selected gift card amount and the overlay color in the image gallery.

Plugin main color
Plugin main color - frontend 1
Plugin main color - frontend 2

How to create image categories

The plugin allows inserting and organizing different gift card images in categories. The gallery could be available to users during the purchase of the gift card.
Let’s analyze all the essential steps to configure the gift card images correctly.

First, you have to activate the “Enable the gallery” option from YITH > Gift Cards > Style > Gift card design options the plugin design settings panel.

Then, go to the “Image categories” tab in the plugin settings and create all the categories for your gift card images.

image categories

To add images to the category, you have two options:

  1. Either use the “Add images” upload button inside the category (this is both possible when you create the category or when you edit it at a later stage):
    add images to a category (1)
  2. Or you can add it from the “Media library” and edit the category it belongs to. Choose media “list” display mode to get a better overview of the “gift card categories”.

Select the category you want to associate with the image you have created.

If the “Media library” is in grid mode, you will need to write the category slug in the gift card category input.

Also, it’s possible to manage the gift card category in the “Media library” bulk action.

Now users can select a template in the “Choose your image” section from the gift card product page.

This section will include a “View all” button, that opens a modal window with all the predefined designs grouped by category.