Hey,
I’ve used the AI Sections tool to create my blog page and article page layouts. However, I’m running into an issue where the ‘view’/read more, forward and back page navigation buttons, and ‘back to blog’ buttons are not working.
I’m not sure what part of the codes I need to be editing to fix this?
Hey @SOLE5,
this issue usually happens when the buttons created by the AI Sections tool aren’t properly linked to the actual blog or article URLs. They look fine visually but don’t have real connections behind them — that’s why they don’t respond when clicked.
You can fix it by checking your theme editor to make sure each button (like “View,” “Back to Blog,” or “Next/Previous”) is linked to the correct blog or article page instead of a placeholder. Once those links point to the real pages, the navigation will start working again.
If you’d like, we can help you review your layout setup and make sure everything is properly connected — this is exactly the kind of Shopify optimization work we specialize in.
Would you like to close the question here, or keep working on it together?
Best,
Rafael from Muthwerk
E-Commerce Solutions & Shopify Optimization
Hey there
Great job using the AI Sections tool it’s a powerful way to build custom layouts!
When the “Read more,” “Back to blog,” or navigation buttons aren’t working, it usually means the links inside those buttons aren’t properly connected to Shopify’s dynamic blog objects.
Here’s what you can check:
Open your blog.json and article.json templates in your theme editor.
Make sure the buttons use the correct Liquid tags, for example:
[Back to {{ blog.title }}]({{ blog.url }})
[← Previous]({{ article.previous.url }})
Also confirm that your blog handle in the code matches the one listed under Online Store → Blog posts → Manage blogs.
Sometimes, the AI generator replaces or removes those dynamic tags, so re-adding them manually should fix the navigation issue.
If you’d like, feel free to share a small snippet of your button code here (without store details), and I can help pinpoint what needs adjusting.
Hamziify
Shopify Expert | Helping store owners fix theme and sales issues
Always happy to lend a hand
If you’re stuck again.
Since it’s an AI-generated section, no one here knows what code is there, so we can’t really help from the outside, other than suggesting general things.
Do not forget that creating a block/section with AI is an interactive process and you can start it over and/or ask AI assistant to do corrections to the code. When block is initially generated, you can alway say something “now amend it to include pink buttons” and you can continue this until you press Save.
Your previous prompt should be available in your dialog history; also it’s available in the generated block code, so you can “edit theme code”, navigate to “blocks”, find one which starts from “ai” and inspect it.
Thanks for your help.
I have attached some snippets of what I believe is the relevant button code. This is only the code for the back button on my articles.
I have attached the code from the json & ai generated liquid file. It does seem to have {{ blog.url }} in the liquid file so I’m lost as to why it is not working.
Again thank you for your help!
Hey Tim,
Appreciate the reply.
I’ve posted a small snippet of what I think is the button code from the AI liquid section, and the .json file.
Is there any obvious errors in there that you can see? The coding side of things is all very new to me so I’m not 100% sure what I’m looking at.
Cheers
The liquid code screenshot should render a link back to blog with an icon (or arrow?).
There is nothing wrong with this code, but it’s just a small part.
