# Shopify - Configuration

This interface explains how to configure the JOCUSTOM app for your Shopify store.

::: tip
Enabling the storefront design feature incurs an additional fee. If you require this service, please contact: jocustom@jomalls.com
:::

## Log in to your backend account and open the skin editor.

<BigImage src="/assets/shopify/configuration/1.png" />
## Switch to the product interface

<BigImage src="/assets/shopify/configuration/2.png" />
## Add an app block above the Add to Cart button

<BigImage src="/assets/shopify/configuration/3.png" />

<BigImage src="/assets/shopify/configuration/4.png" />

::: warning
Please ensure the mobile customizer is positioned below the PC customizer.
:::

## Switch to the shopping cart interface

Add the shopping cart block provided by our application

<BigImage src="/assets/shopify/configuration/8.png" />

<BigImage src="/assets/shopify/configuration/9.png" />

## Switch to checkout interface

<BigImage src="/assets/shopify/configuration/5.png" />


## Add the Checkout app extension

<BigImage src="/assets/shopify/configuration/6.png" />

<BigImage src="/assets/shopify/configuration/7.png" />

