# Layout
{% hint style="info" %}
**Theme settings -> Layout**
{% endhint %}
### Default content width
This option allows you to choose the content width. It can be either full or boxed. The default content width is **“Full width”**, but you can change it to **“Boxed”** anytime. The changes apply to the header, footer, and home page sections. You can overwrite this option in section options.
{% tabs %}
{% tab title="Full width" %}
{% endtab %}
{% tab title="Boxed" %}
{% endtab %}
{% endtabs %}
### Show breadcrumbs
If you enable this option, the whole path you made to get to the particular product will be shown:
### Pagination type
A Shella theme offers you 4 pagination types. **“Infinite scroll”** - loads the next page content when you scroll to the end of the page. **Button “Load more”** - shows a “Load more” button at the end of the page. **“Classic”** - shows the list of pages with previous and next links. **“Centered classic”** - shows the list of pages with previous and next links, and is centered at the end of the page. Applies to the collection page and articles list page.
{% tabs %}
{% tab title="Classic" %}
{% endtab %}
{% tab title="Centered Classic" %}
{% endtab %}
{% tab title="Button “Load more”" %}
{% endtab %}
{% endtabs %}
### Enable RTL
If you enable this option, the entire page content will be shown from the right side to the left. You may need to switch language at your *Shopify Admin -> Settings -> Languages -> Published languages.*
Example: If you need to have the page in Arabic, you need to follow these steps:
1. Change the theme language to Arabic (please make sure, that the texts on your page are translated in Arabic).
2. Enable RTL.
### Enable images lazyload
This option enables page speed optimization. You can check what lazy loading means and how it works in the example of Shopify’s lazy loading method in [**How Lazy Loading can Optimize Your Shopify Theme Images**](https://www.shopify.com/partners/blog/lazy-loading).
{% hint style="warning" %}
**Please note**, that the Shella theme uses a completely different code for this purpose!
{% endhint %}
### Skin
Select the preset color, typography, and padding configuration. You may review the skin storefront at our demo stores.
{% hint style="success" %}
[**VIEW DEMO**](https://mpthemes.net/shella-shopify-theme/intro-center-cdn/)
{% endhint %}
### Age confirmation
Here you can configure the **“Age confirmation”** popup. Enable the option **“Enable age confirmation popup”** if you want to use it for your store. Select the **“Background image”** to make it more attractive for the clients. Use the **“Background image width”** scale from 100 to 1200 to change the image size. You can also decide if to show or hide the confirmation checkbox.
{% hint style="success" %}
[**VIEW DEMO**](https://shella-cannabis-cbd.myshopify.com/)
{% 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://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/layout.md?ask=
```
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.