<!-- wp:heading -->
<h2>Settings</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>For each Shopify store's theme, there must have a theme settings file to save all the customized theme settings data.  the file name is settings_schema.json which is a kind of <a href="https://www.json.org/json-en.html">JSON</a> format file.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Location</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>the settings_schema.json is at : <strong>shopify admin -> theme -> current online them -> edit code ->config -> settings_schema.json</strong></p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","id":487,"sizeSlug":"full","linkDestination":"none"} -->
<div class="wp-block-image"><figure class="aligncenter size-full"><img src="https://www.mojoin.com/wp-content/uploads/2021/10/settings-schema-location.png" alt="" class="wp-image-487"/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Add new Image Setting</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>As we know we can set Shopify stores' logo at theme header part. But there is a limitation in this way desktop and mobile versions have the same logo. if you want to show a different logo for a mobile browser, how can we achieve this?</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Definitely, we need to find somewhere to set this logo image for the mobile browser, so the best location is we put the settings in Shopify's theme setting which means we can add our logo image settings into the settings_schema.json file directly.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>you just need to edit your settings_schema.json file </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>refer to https://shopify.dev/themes/architecture/settings#access-settings</p>
<!-- /wp:paragraph -->