Shopify themes, liquid, logos, and UX
I want to edit a client's site that is live but I want to do it in a staging/dev site. It seems like there are two ways to do this for free.
1. Duplicate the theme and work on it in their dashboard. Don't publish it until we are ready to go.
2. Create a Dev site in my Partners dashboard and copy the theme over.
Aside from making changes to the theme layout we will be creating new pages and new content for existing pages. I need to know which way is best to go about this and then how to push our changes live (if they are in the dev site).
Since shopify is a cloud based platform where you the developer do not control the servers
the main pivot point becomes who retains control over the code before deployment and or payment for services.
You or the business that your working with.
3. use the shopify cli to work in a development theme in the merchants store, or a staging store
https://shopify.dev/docs/themes/tools/cli#development-themes
4. I haven't tested this but there is now a yet another way announced in shopify-editions-summer-23
Though not clear if this will be reserved only for plus organizations.
staging environments - copy import store data to a created production store or dev store
https://youtu.be/83M45mRTt7c?t=158
https://help.shopify.com/en/manual/organization-settings/stores/create-store
A secondary staging store can a better a approach when:
Both stores however will need an app setup to keep as much data as possible in sync.
However this method can be problematic for stores that use lots of apps as almost all apps have no concept of staging stores, and few have their own apis letting you sync an apps settings for different stores.
5. you set it up as a dev store as a shopify-partner transferring it to the client to active a store plan.
This is best if they need a staging environ for multiple contributors where work needs to stay under the merchants control. That generally works for you only if everything is prepaid/contracted.
@Inventive_Web_D wrote:1. Duplicate the theme and work on it in their dashboard
Specificity: duplicate the published theme to their admins theme library and work in the browser based code editor*.
This means other collaborators or staff with theme access can step on your toes or overwrite work.
Instead of working in the browser based code editor for a theme in the theme library use themekit to work on code in a local code editor, requiring
https://shopify.dev/docs/themes/tools/theme-kit
advanced: if you have permissions a custom app can be used to config theme-kit
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025