> For the complete documentation index, see [llms.txt](https://ymq-app.gitbook.io/ymq-product-options-app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ymq-app.gitbook.io/ymq-product-options-app/getting-started/how-to-style-shopify-options-with-our-app.md).
# How to style Shopify Options with our app
## Selecting a product
## Shopify options
In the first section on the product page settings it will show you the product options you set up in Shopify’s backend, we call these **Shopify Options**.
Shopify Options use Shopify’s variant system which you use in Shopify’s backend (normal products). Think of it as our app styling the native options you already have.
* They limit each product to a max of 3 options and 100 variants.
* Allow for custom pricing for all variants.
* [Images associated with variants](https://www.relentlessapps.com/kb/why-doesnt-the-main-product-image-change-with-the-selected-variant/) (so they change when a variant is selected).
* And inventory control.
## Style options
Click on the  icon to the right of the options to edit the product options.
## Types of options
You can choose to use the global settings for the styles of shopify options, or add special styling settings for shopify options.
{% tabs %}
{% tab title="Global setting" %}
Referring to the image below, set the style of the shopify option as a global setting.
You can select an option type as a global settingfor all shopify options.
{% embed url="" %}
{% endtab %}
{% tab title="Special Setting" %}
You can also do special styling for a shopify option.
{% endtab %}
{% endtabs %}
Click once you have finished editing the product option
once you have finished editing the product option