# Favorites

{% hint style="info" %}
1\. Products will be displayed on the Favorites page after hitting the "Favorites" button displayed on product cards or product pages.
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FlNYoYRDCBSh3odVIXFKD%2Fproduct%20page_favorites.png?alt=media&#x26;token=7de11512-4506-4a63-9c08-d837529c44a5" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
2\. The Favorites page can be viewed after pressing the favorites icon in the Header. Activate the icon in *Theme settings -> Favorites & Compare ->* [*<mark style="color:blue;">Favorites</mark>*](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/favorites-and-compare#favorites)*.*
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FxnmOfaBMDKkO2XdwjWTk%2Fwishlist_icon.png?alt=media&#x26;token=568638d3-29fa-4d6b-860d-e85bd35613b3" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:** To edit the page, navigate to *Pages -> favorites* using the top drop-down menu.
{% endhint %}

Add a link redirection using the **"Continue shopping link"** source selector. The *"Continue Shopping"* button is displayed on the empty page.

#### **Product card**

Choose the appropriate aspect ratio of the product images in the **"Image ratio"**. You can use one of the options that display well on both desktop and mobile views: "Adapt to image", "Portrait", "Square", "Landscape", or "Circle". Check each image ratio [here](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections#content).

Use the **"Information alignment"** picker to decide whether to display the product information below the product card on the "Left", "Center", or "Right" side.

**Show vendor**

Display the product vendor above the product title by simply enabling the checkbox.

Check the following examples of how the page might be displayed on desktop and mobile:

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FmWToYwPbIT9iFrVAdnFm%2Ffavorites_desktop.png?alt=media&#x26;token=a8373920-b7de-41f4-ac8c-be0d574f55e3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fzpa3HEDrz022jjH6Jyel%2Ffavorites_mobile.png?alt=media&#x26;token=30e49a25-8261-4865-ab3f-27c93ba1ff6b" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}