> For the complete documentation index, see [llms.txt](https://webvista-studio.gitbook.io/krank/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webvista-studio.gitbook.io/krank/sections/product-and-collection/shop-the-look.md).

# Shop the Look

The **Shop the Look** section allows you to showcase a curated set of products, enabling customers to purchase multiple related items in one click. Perfect for fashion, home décor, and accessories.

<figure><img src="https://3867724846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5cjsG9gBFSIZ5CisPtcx%2Fuploads%2FxVajEOSYxFMKRwuAAiKC%2F07ab286b697b0781015ca1ec2ad42704.png?alt=media&amp;token=c51acc26-0ec5-4d87-8791-b7104b5b852f" alt=""><figcaption></figcaption></figure>

### 🎨 Color Scheme

* **Choose or edit a color scheme** to define background, text, and button colors.
* **Tip**: Align with your brand palette for a consistent look.

***

### 🖼 Main Image

* **Upload a main image**, available ratios: Auto, 1:1, 4:5, 8:5.
* **Recommendation**: Use a lifestyle image that clearly displays all bundled products.
* **Image Position**: Place it on the left or right side of the section.

***

### 🛒 Default Selection

* When enabled, all bundled products are pre-selected for checkout.

***

### 💰 Discount Settings

* In the Shopify admin, set up a discount for bundled products. For the discount method, choose **Amount off products** (only percentage discounts are supported).<br>

  <figure><img src="https://3867724846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5cjsG9gBFSIZ5CisPtcx%2Fuploads%2FBXNbhEDIrIBk9X6IPOTM%2Ffbdd62c7703d417cdb772fa5bbd2626c.png?alt=media&amp;token=c4232a6c-d305-4c06-9330-3afb6b48a8b6" alt=""><figcaption></figcaption></figure>
* Enable display of discounted prices and set the percentage manually.
* **Tip**: Ensure the displayed discount matches your Shopify settings to avoid confusion.

***

### 🧱 Block Components

* **Look Spot**:
  * Add interactive markers on the main image.
  * Define vertical and horizontal positions.
  * Assign products to each spot for quick add-to-cart actions.

***

### ✅ Best Practices

1. Use high-quality lifestyle imagery to enhance engagement and inspiration.
2. Limit product count to **3–6 items** per set for clarity.
3. Highlight discounts to encourage bundle purchases.
4. Test marker placement on mobile to ensure accurate interactions.