My Home page is 404 after import theme from zip file

Solved

My Home page is 404 after import theme from zip file

huongpho
Tourist
4 1 1

Hello,

I'm experiencing an issue where my home page shows a 404 error instead of loading correctly, both in the customize view and the live view.

Here's what I've done:

  1. I have a production environment and created a new theme, made edits to it, and exported the theme as a zip file.
  2. I then set up a development environment, imported the zip file, and now the home page redirects to a 404 error. For clarification, I imported the original theme from the production shop and it worked fine after manually copying the navigation.

Can anyone suggest how to resolve this?

I found the following log in the console:

main.js:907 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
    at StoreHeader.bindEvents (main.js:907:23)
    at new StoreHeader (main.js:892:10)
    at main.js:1086:16

And in the network log, loading my page returns a 404 code.

Here is the link to my page: https://tshirt-van.myshopify.com/

I would really appreciate any help. Thanks!

Accepted Solutions (2)
ProtoMan44
Shopify Partner
506 43 80

This is an accepted solution.

@huongpho 
please check your theme on my demo store

link: https://a-stack-demo.myshopify.com/
preview pass: shopifydev44


@huongpho if you feel it fixed so please mark my reply as solved, thanks.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

View solution in original post

huongpho
Tourist
4 1 1

This is an accepted solution.

I managed to resolve the issue and wanted to share my experience for anyone facing the same problem:

  • My original theme included an index.json file, and the exported files also contained an index.json file.
  • However, during import, the index.json file wasn't imported due to an error (a missing source for a video clip).

To fix this, I manually added the missing video clip, created a new index.json file, copied the content over, and now everything is working.

Thanks for your help!

View solution in original post

Replies 7 (7)

ProtoMan44
Shopify Partner
506 43 80

@huongpho Can you pleas share theme files to review issue.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
huongpho
Tourist
4 1 1

thank @ProtoMan44 for replying, but I could not upload .zip and .7z as well. 
I uploaded to my drive and share with you https://drive.google.com/file/d/1JMhhhVHP30blJwBvnA3SGcB0sI5Nb5vE/view?usp=sharing 

 

Thanks

ProtoMan44
Shopify Partner
506 43 80

let me check the theme @huongpho 

 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
ProtoMan44
Shopify Partner
506 43 80

hey, @huongpho I have checked your theme.
Your theme has missed the index.json file in your theme therefor it makes 404 page on the home.

ProtoMan44_0-1718340384247.png

 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
ProtoMan44
Shopify Partner
506 43 80

This is an accepted solution.

@huongpho 
please check your theme on my demo store

link: https://a-stack-demo.myshopify.com/
preview pass: shopifydev44


@huongpho if you feel it fixed so please mark my reply as solved, thanks.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
huongpho
Tourist
4 1 1

This is an accepted solution.

I managed to resolve the issue and wanted to share my experience for anyone facing the same problem:

  • My original theme included an index.json file, and the exported files also contained an index.json file.
  • However, during import, the index.json file wasn't imported due to an error (a missing source for a video clip).

To fix this, I manually added the missing video clip, created a new index.json file, copied the content over, and now everything is working.

Thanks for your help!

ProtoMan44
Shopify Partner
506 43 80

@huongpho  Welcome 🤗 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!