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

# Product Description

{% hint style="info" %}
Product Description in our demo use "Grid, Columns" Bootstrap. It is powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers and dozens of predefined classes.

Learn how to modify columns with a handful of options for alignment, ordering, and offsetting here:

<https://getbootstrap.com/docs/5.2/layout/grid/>

<https://getbootstrap.com/docs/5.2/layout/columns/>
{% endhint %}

Product Description Layout:

* [Layout 1](/umino-shopify/product-settings/product-description/layout-1.md)
* [Layout 2](/umino-shopify/product-settings/product-description/layout-2.md)
* [Layout 3](/umino-shopify/product-settings/product-description/layout-3.md)

General setting description layout:

{% hint style="success" %}
**Step 1**: Login to your Shopify store, go to **Products**

**Step 2: Add a new product or select a product you want to add a description**

**Step 3**: **Click to block code icon to change to Show HTML**

* You need to change to Show HTML before copy template so that the content will be   shown like our demo store

**Step 4: Copy the template layout you want to add and paste it into the Description**
{% endhint %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/GmSbsYkWskBdBf4JusLg/image.png" alt=""><figcaption></figcaption></figure>