# Configuration

***

### Quickview

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Beta"

**Technical name**:\
`twt-quickview-show`

{% hint style="info" %}
Activates a "Quickview" feature in product boxes.

**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}

***

### Quantity selection (in product boxes)

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Beta"

**Technical name**:\
`twt-product-box-quantity-selection-show`

{% hint style="info" %}
Activates a quantity selection in product boxes.

**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}

## Dropdown top navigation

***

### Dropdown top navigation

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Beta" => Section "Dropdown top navigation"

**Technical name**:\
`twt-nav-main-dropdown`

{% hint style="info" %}
Activates a minimised dropdown navigation that replaces the default flyout of the top navigation.

**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}

***

### Drop shadow

**Field type**:\
Select

**Available values**:\
• no shadow (default)\
• Small shadow (Bootstrap)\
• Regular shadow (Bootstrap)\
• Larger shadow (Bootstrap)

**Example value**:\
`no shadow (default)`

**Path to the configuration**:\
Tab "Others" => Block "Beta" => Section "Dropdown top navigation"

**Technical name**:\
`twt-nav-main-dropdown-box-shadow-type`

{% hint style="info" %}
Adds a drop shadow to the submenus.

**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}

***

### Activate "open left" JS plugin

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Beta" => Section "Dropdown top navigation"

**Technical name**:\
`twt-nav-main-dropdown-plugin`

{% hint style="info" %}
Activates a JS plugin which opens submenus "on the left" if there is not enough space on the right side of the window.

**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}

## Top navigation flyout

***

### Show icon for external links

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Beta" => Section "Top navigation flyout"

**Technical name**:\
`twt-nav-main-external-links-icon-show`

{% hint style="info" %}
**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}

## Product box

***

### Compact product boxes

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Beta" => Section "Product box"

**Technical name**:\
`twt-product-box-compact-layout`

{% hint style="info" %}
Use this configuration to display product boxes more compactly than usual.

**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}

***

### Product image resizing

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Beta" => Section "Product box"

**Technical name**:\
`twt-product-image-resizing`

{% hint style="info" %}
Activate an improved resizing of product images in 1-column listings in mobile viewports.

**Note**: This configuration applies to the "Compact product boxes" function.

**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}

***

### Apply 'Product image resizing' up to...

**Field type**:\
Select

**Available values**:\
• Phone (portrait) (<576px)\
• Phone (landscape) (<768px)\
• Tablet (portrait) (<992px)\
• Tablet (landscape) (<1200px)\
• Desktop (<1440px)\
• all viewports

**Example value**:\
`Phone (portrait) (<576px)`

**Path to the configuration**:\
Tab "Others" => Block "Beta" => Section "Product box"

**Technical name**:\
`twt-product-image-resizing-breakpoint`

{% hint style="info" %}
Select the viewport up to which the improved resizing of product images should be applied.

**Note**: The "Product image resizing" is designed for 1-column listings in mobile viewports, but you can also use it in higher viewports. In this case we strongly recommend using a consistent image size for all product images.
{% endhint %}

***

### Weaken products after clearance

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Beta" => Section "Product box"

**Technical name**:\
`twt-product-box-sold`

{% hint style="info" %}
Use this configuration to weaken products after clearance.

Products after clearance can also be completely hidden in the Shopware settings ("Settings" > "Shop" > "Products" > "Hide products after clearance").

**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}

***

### Layout type "Weaken products after clearance"

**Field type**:\
Select

**Available values**:\
• reduce opacity\
• greyscale\
• greyscale + reduce opacity

**Example value**:\
`reduce opacity`

**Path to the configuration**:\
Tab "Others" => Block "Beta" => Section "Product box"

**Technical name**:\
`twt-product-box-sold-style`

{% hint style="info" %}
This configuration relates to the configuration "Weaken products after clearance".

**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}

***

### Improve responsive images

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`yes`

**Path to the configuration**:\
Tab "Others" => Block "Beta" => Section "Product box"

**Technical name**:\
`twt-product-box-image-srcset-and-sizes`

{% hint style="info" %}
Use this configuration to optimise the image srcset and sizes according to the number of columns in the listing.

**Beta**: This feature may change in an upcoming update, but feel free to test it and send us your feedback.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.themeware.design/manual/others/beta/configuration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.