No App blocks found in theme editor - theme app extension

Shopify Apps
1

Hello,

I have a technical question.

I am using the new Dawn template (2.0) and I have been trying to integrate a simple “hello world” theme extension “app block” following the steps on the below page
https://shopify.dev/apps/online-store/theme-app-extensions/getting-started

After following these steps, I should be able to see my app block on my development store theme when adding a new section.

However, all I see is the message “No App blocks found” when attempting to add a new section - though I do see the standard options, just not my new app block.

I have tried creating a new development store - same result.

I have tried updating the CLI and creating another app - same result.

It’s the shell project created with the CLI with just one file in the “blocks” folder as a really basic “hello world” example - an editable header test. (in the root there is also the .env and shopify-cli.yml files)

{%- if block.settings.heading -%}

{{ block.settings.heading }}

{%- endif -%}

{% schema %}
{
“name”: “special”,
“target”: “section”,
“templates”: [“product”, “index”],
“settings”: [
{
“type”: “text”,
“id”: “heading”,
“label”: “Heading”,
“default”: “Type something here”
}
]
}
{% endschema %}

I have followed the instructions to push, then enable on development store but it’s just not appearing in the list.

No errors during the process. Everything created, registered, enabled just fine. So at a loss as to why it doesn’t appear.

Also, yes, I am attempting to add the section on the index or product pages.

Really would appreciate any help.

Thank you,
Dan.

2

Bump.

3

have same question… can anyone help?

4

Having same issue.

You guys found any solution?

5

Solution 1 - don’t migrate i.e. stick with Online Template v1 - this is what I’ve been forced to do as documentation does not stack up with reality.

Solution 2 - but just a theory (and not in documentation) because I’ve not yet had the time to test, is that the app block needs to be a fully fledged installable app i.e. one that takes in HMAC and verifies the install. This is where documentation was fluffiest.

Possibility 3 - need to verify this, please tell me if it solves it, but installing the highest version of ruby at the time exceeded the max version stated in the documentation. But there were no errors encountered.

If you solve it, please do let me know - much appreciated.

Dan. :smiling_face_with_sunglasses:

6

try using this : shopify extension create --getting-started when creating an extension. tried it first time round without --getting-started and no add block app visible tried it with --getting-started and app was visible in add block

dcreedon_0-1654865653259.png
dcreedon_0-1654865653259.png284×433 14.8 KB

7

I had the same issue but I solved it by following these steps:

  • Make sure the key “templates” in app extension schema (blocks > app-name.liquid) includes the page type you want it to show up. For example, if it’s rendered in “product”, you can only add the app block in “product page”

  • Go to partners.shopify.com > apps > app-name > extensions > development store preview > enable. Make sure it’s set as visible in your development stores

1 Like
8

I had the same issue. For me it’s because I didn’t execute the step “npm run deploy”. Initially I only did “npm run dev” and thought it would run app and its extensions. Turns out deploy is required for starting and updating extensions. In fact every update in extension requires another deploy.

2 Likes
9

Thanks this simple step did it for me.
I thought, I have to deploy only when I create a production version. But you also have to deploy when you are testing in dev mode.

Thanks!!!

10

It seems to happen only with Shopify Plus Sandbox stores, right ?

I reproduce the issue on a Shopify Plus Sandbox, but not on a classique Development Store :thinking: