Previewing an embeded HTML

[kirbykirk]

OK I think this should be pretty simple but I can't seem to figure it out?
Using Version 18 I am doing a fresh rebuild of my current site.

I have inserted HTML my Header. (Using the Insert/</>HTML menu option).
this is to be a search for my embedded e-commerce and a link to shopping cart.

they show up on all the pages in the design file like they are supposed to but when I preview to browser they are not visible.

NOTE: I haven't published this site yet.

However, I did the same thing on a prior build (my current site built using V16) and it works when I preview. The only differences I can find between the two is Version (16 vs 18) and one has been published and one has not.

Is it as simple as I need it to be published once to make the HTML links show up or am I missing something else?

[BaconFries]

Have you set the following "Preview Scope" set to "Entire Website"? you can find this in Options > Publish > Preview. Are the pages you're trying to view using any php? If so it not possible to "Preview" php locally you are required to publish first.

[Pablo]

Some HTML code may only work online.
For example, if the code needs a secure connection (https).

[kirbykirk]

Thank you, yes it is set to preview entire website. And no there is not any any PHP. Right now I just have a page with 2 Flexgrids on it with the HTML embeds inside the bottom flex grid. But I have even tried putting them HTML in the general body and not in a flexgrid and it still doesn't show up on preview.

[Pablo]

The code will be inserted "AS IS", just like in previous versions.
If thew code does not show up then either the code is incomplete, it conflict with other code on the page or it only works online.

Tip: check the error console of the browser for errors.

[kirbykirk]

Pablo, thank you for you input on this.

I set it aside to finish designing the pages, hoping that once I published it would establish a link between the live and static site. Unfortunately, the embeded HTML is not showing up live either.

For example: www.successexpressmp.com/Awards-Catalog.html has embedded html (an ecommerce catalog).

It doesn't show up on preview and it doesn't show up after publishing.

This is true through out the site with any html I have put in. I am using Version 18 and literally copying the html from a functioning Version 16 site. (In otherwords, I open the V16 file, go to where I have inserted the HTML, Open the HTML block, copying and then pasting in the V18 version)

There are no browser errors showing up anywhere and it doesn't work with either Firefox or Chrome.

Here is one of the html codes I am working with: (Again, if I publish with V16 it works, if I publish with v18 it does not -- If you go to www.successexpressmp.com/Awards.html you can see the V16 page that works.)

<div> <script type='text/javascript' data-cfasync="false"
src='https://app.ecwid.com/script.js?19856888'></script>
<script type='text/javascript'> xProductBrowser("id=my-store-","defaultCategoryId=40364436"); </script> </div>

[Pablo]

It looks like your HTML settings are different than in v16, so that is why the code works different.

The scripts are in
https://www.successexpressmp.com/js/Awards-Catalog.js
because you have enabled 'generate external JS file' in Tools -> Options -> HTML

If you use the same settings as in v16 then you will get the same results.

[kirbykirk]

Thank you Pablo !! That did. Now to figure out the contact form My other nemesis.