> For the complete documentation index, see [llms.txt](https://docs.tipo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tipo.io/tipo-related-products/general-settings-and-translations/product-behavior-templates.md).

# Product behavior (templates)

Product behavior settings control what happens when customers interact with products inside your recommendation widgets.

These options affect click behavior, add-to-cart behavior, and how product images are displayed.

<table><thead><tr><th width="214.89996337890625">Setting</th><th>What it controls</th></tr></thead><tbody><tr><td>Redirect to cart</td><td>What happens after Add to cart</td></tr><tr><td>Open in new tab</td><td>How product links open</td></tr><tr><td>Image ratio</td><td>How product images look</td></tr></tbody></table>

***

### 🛠️ Where is the settings

1. Open the app > click **Settings** > **General**
2. Find **Template** section > tick on checkbox of the option you want to enable
3. Set product Image ratio(optional)
4. Click **Save**

<figure><img src="/files/QyB6JgXNM7FGVILzAsBR" alt=""><figcaption></figcaption></figure>

### 🛒 Redirect to the shopping cart after adding a product

**What this does**\
When enabled, customers are sent directly to the cart page after clicking **Add to cart** from a recommendation widget.

**When enabled**

* Customer clicks **Add to cart**
* They are redirected to the **Cart page**

<figure><img src="/files/Ck5g5bemcQQ3o4Ruo1Ix" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/s0sPOa304OWDe6wFonhw" alt=""><figcaption></figcaption></figure>

**When disabled**

* Product is added to cart
* Customer stays on the current page

#### Example

* Enable this if you want customers to checkout faster
* Disable this if you want customers to continue browsing

**Best for:**

* One-page checkout flows
* Flash sales
* Simple product catalogs

***

### 🔗 Open related products in a new tab

**What this does**\
Controls how product links behave when customers click a recommended product.

<figure><img src="/files/RCOuFAclzkyJXv34Y6pu" alt=""><figcaption></figcaption></figure>

**When enabled**

* Product opens in a new browser tab
* Original page stays open

**When disabled**

* Product opens in the same tab

#### Example

* Enable this to let customers compare products
* Disable this for a clean, mobile-friendly flow

**Best for:**

* Jewelry, fashion, or comparison-heavy stores
* Desktop-focused experiences

***

### 🖼 Product image ratio

What this does\
Defines the aspect ratio used for product images inside recommendation widgets.

**Format**

```
Width : Height
```

**Example**

```
400 : 500
```

This creates a portrait-style image, commonly used for fashion and jewelry.

#### Common ratios

* `1:1` → Square images
* `4:5` (400:500) → Fashion / jewelry
* `16:9` → Wide images (not recommended for products)

**Tip:**\
Use the same ratio as your product images to avoid cropping or empty space.

***

### 🧪 Example

In the example shown:

* Customer views a product page
* Related products appear below
* Clicking **Add to cart**:
  * Redirects to cart (enabled)
* Clicking a product image:
  * Opens in a new tab (enabled)
* Product images:
  * Display consistently using the `400:500` ratio

✅ Result: A smooth, predictable shopping experience

**🙋 Still need support?**

If you still need help, please feel free to contact us at <hi@tipo.io>. We’ll be happy to assist you further.