Generating AI Powered Theme Blocks with Shopify Magic

AI Powered Theme Blocks with Shopify Magic

Shopify Magic is a set of free, AI-powered tools built directly into Shopify’s products and workflows. It helps you to easily start, manage, and grow your business. It works behind the scenes using the latest AI technology, offering smart, personalized support. Shopify Magic is helpful in everything from building your store and marketing your products to helping customers and handling day-to-day tasks.

Shopify introduced its AI powered theme block generator, an integration between Shopify magic and theme editor in its Spring 25 release. The theme block generator makes it easy to create custom theme blocks without needing to code. You just need type a short description of the block you have in mind, and the AI will generate the Liquid code for you. It’s a simple way to build exactly what you need—whether it’s a product highlight, banner, or something completely unique. You get to bring your creative ideas to life and shape your store the way you imagine, no tech skills required.

Requirements for generating theme blocks

Check the given requirements for generating theme blocks with the help of AI.

Pricing plan requirements

Your store must be on one of the following Shopify pricing plans. You can also use this feature in development stores.

  • Free trial
  • Basic
  • Growth
  • Advanced
  • Plus

This feature isn’t available on the Starter plan, which uses the Spotlight theme and doesn’t support custom sections or blocks. To use Shopify Magic for creating custom theme blocks, you’ll need to upgrade to a plan that allows theme editing.

Language requirements

Your account’s preferred language must be set to English to use this feature. You can update your language settings in your Shopify admin under Settings > Store details.

Theme compatibility

The theme block generation feature is only available for theme built by Shopify, like the free themes from the Shopify Theme Store. It works only with sections that support theme blocks. Therefore, you’ll need to choose a section in which you can add blocks.

Generate a theme block

Follow these steps to generate theme blocks with Shopify magic.

Steps:

1. Login to your Shopify admin and go to Online Store > Themes.

2. Identify the theme which you want to edit and click Customize.

Customize a Shopify theme

3. Now, you can customize the Home page, or click Home page from the top to select the template in which you want to add a section.

4. Then, click the section for which you want to generate a block.

5. Now, click Add block and then select Generate.

AI Powered Theme Blocks with Shopify Magic

6. Here, enter the description for the block you want to generate and press Enter.

7. Afterwards, Shopify Magic will start to analyze your request and write the code.

8. Once the block is generated, you can preview the generated block directly in the theme editor. You can also customize your block using the customization settings generated for this block.

9. If you are satisfied with the generated block, then Save the changes. Otherwise, you can provide follow-up instruction to make the block as per your need or remove the block.

Delete a generated theme block from your theme

After generating a theme block, a new Liquid file is added to the blocks folder in your theme’s code.
If the block causes any issues or you don’t want to keep it, you can remove it by simply deleting the corresponding Liquid file from your theme code.

1. Select the generated block in the theme editor.

2. In the block’s settings, click ••• and then, </>Edit code. It will redirect you to the Shopify code-editor.

3. Now, Locate the .liquid file from the sidebar in the blocks folder. The file name matches the currently opened file.

4. Then, right click the file from the sidebar and click Delete permanently.

5. Confirm the delete action from the popup.

Note: Once you delete a file, it can’t be recovered. Deleting important files from your theme code may break your theme, so make sure you’re removing the correct one.

Please contact us at manish@bay20.com or call us at +91-8800519180 / +91-9582784309 for any support related to Shopify. You can also visit the Shopify development page to check the services we offer.