> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/shella-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/layout.md).

# 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" %}
![](/files/-Mf23jhsnjhQovayATgT)
{% endtab %}

{% tab title="Boxed" %}
![](/files/-Mf23mi_uP53ZtP4E1c0)
{% endtab %}
{% endtabs %}

### Show breadcrumbs

 If you enable this option, the whole path you made to get to the particular product will be shown:

![](/files/MMXTysL0IVjipX9tuY86)

### 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" %}
![](/files/-Mf28YCZ6hgDsY4W7JV1)
{% endtab %}

{% tab title="Centered Classic" %}
![](/files/-Mf28bgnrP4QosHhUW2o)
{% endtab %}

{% tab title="Button “Load more”" %}
![](/files/-Mf28gjtTOgDcOG_Uvqh)
{% 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.

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

### Enable images lazyload

&#x20;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 [<mark style="color:blue;">**How Lazy Loading can Optimize Your Shopify Theme Images**</mark>](https://www.shopify.com/partners/blog/lazy-loading).&#x20;

{% hint style="warning" %}
**Please note**, that the Shella theme uses a completely different code for this purpose!
{% endhint %}

### Skin

&#x20;Select the preset color, typography, and padding configuration. You may review the skin storefront at our demo stores.

{% hint style="success" %}
[<mark style="color:blue;">**VIEW DEMO**</mark>](https://mpthemes.net/shella-shopify-theme/intro-center-cdn/)
{% endhint %}

### Age confirmation

&#x20;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.&#x20;

![](/files/-Mf2BH7DvBznkYE69JRH)

{% hint style="success" %}
[<mark style="color:blue;">**VIEW ​DEMO**</mark>](https://shella-cannabis-cbd.myshopify.com/)
{% endhint %}