Products do not appear when I embed code to custom website

[ggtrobotics1]

Hello Abantecart community,

I am in the process of developing a custom website and would like to use abantecart to embed products in my index.html file.  The issue I am having is that when I try to embed ANY products using the Product Embed Code copy and paste feature onto my index.html the products do not appear.  The interesting thing is that when I click on the Get Embed Code button/icon (within abantecart administration) I do not see the product image nor its information in the preview window.  However, when I remove my index.html file from the server and the default abantecart template is being used the product image and information IS visible in the preview window.  So I came to the conclusion that what is causing the errors must be my code within the index.html file but come to find out that it is not my code.  How I came to that conclusion is that I wiped everything but the bare basics in my index.html file and it still does not work.  I still do not see the image in the preview window within abantecart admin. nor does it work when I embed the code in my file.  I did a chrome inspection of the Product Embed Code preview window and I got two errors.  The error message is: Uncaught SyntaxError: Unexpected token <.  I attached a screen shoot of the errors I’m getting.

I don’t know if the issue is the placement of my index.html or that my index.html file is in the same location as the abantecart index.php file is.  I attached a screen shot of my cpanel file structure for review.

Or is there a setting within the abantecart administration that makes this embed function work.  I did make sure that the Enable Storefront Embed is switched to ON.


Special Notes:
- I am using the most current AbanteCart version 1.2.6.

- Fastcomet hosting did my abantecart setup for me.

- Please note that within my index.html code I have three embed parts.  Two of them are from the abantecart demo site and the other one is from MY abantecart products.  The two demo codes do work but the other one does not.  It is not even visible.

Any assistance will be truly appreciated.

Sincerely,
Christian

[Basara]

Hello.

The index.html the common default page shown on a website if no other page is specified. Please rename it to anything else.

[ggtrobotics1]

Thanks for your quick reply Basara,

I'm not exactly sure what you are explaining to me.  Are you saying that my home page should not be called index.html? If renaming my home page is what you are instructing me to do, can you please explain why?

Should I rename it home.html?

Sincerely,
Christian

[Basara]

Hello.
Your home page load AbanteCart only with index.php file if you create index.html it may prevent load AbanteCart index page

[ggtrobotics1]

Hi Basara,

What do I need to do in order to make my custom website be capable to except embed code?  I changed my name of my main page from index.html to main.html and embed code still did not work. I thought that is what you were suggesting on your initial reply.

Can someone please let me know if there is a way to incorporate a custom site with Abantecart?

Sincerely,
Christian

[Basara]

Please send page url

[Basara]

Hello.

your url http://ggtrobotics.com/ do not load http://ggtrobotics.com/index.php file
looks like you have some problem with your index page or something  redirect to incorrect inde file (for example .htacces)

[ggtrobotics1]

Hello again Community,

Would it be possible for someone to assist me on how to incorporate my custom website with abantecart?

I'm going to start a new installation process of abantecart to my online server from scratch.  I am also going to create a basic custom website to use with abantecart.  I'm doing this so that there is no possibility of syntax errors.

Can someone please tell me the steps I need to take?
- What should my custom file be called?  Should it be index.html or main.html? Or does it not matter?
- Where do I need to add my custom .html file?  Please see image above of how I structured my files onto the server before.  Is there something wrong with how I did it?
- Once I upload my .html on the server what do I do next?
- Do I have to do something with the htaccess.txt file?  If so, what?

I looked in so many places for assistance and found none.  And I am truly getting to the point of giving up on the whole abantecart program.
I spent so much time and effort trying to get this to work.  I am starting to believe that abanecart does not work with a custom website even though their site says it does.

Please help!

Sincerely,
Christian

[Basara]

Hello.

Install new AbanteCart.
Create mypage.html file (please do not use names like index.html)
Put embed code to the mypage.html
upload file to your server. You can put it to the same directory where AbanteCart installed.
For the .htaccess please use default AbanteCart file. If you want to add something into .htacess you need to check your site after every modification.

[ggtrobotics1]

Hello Community,

I would like to inform everyone that is having difficulty incorporating abantecart software with their personal/custom website, there is a simple solution.  I would first like to give my appreciation to the people and company that was willing to help solve the issues I was having.  Christopher Wills is the senior tech support person that helped me solve the issue I stated in the previous posts.  He works for fastcomet web hosting company.  If anyone is considering a hosting company, I would highly recommend fastcomet.  If you ask fastcomet, they will install the abantecart software for you.  But before you tell them to just install it, make sure you tell them that you are using a custom website and that there is a specific way you would like it installed.  You want fastcomet to upload all of the abantecart public_html files to a sub folder called store.  All of you personal files/folders needs to be added to the root directory public_html.  I attached images for better clarity.

Hope this can help someone out there!

May God Bless you all,
Christian