Thread: Question about pop-up

When a customer goes to view their basket on our site within IE they get the 'Security Warning' pop-up appear asking them "Do you want to view only the webpage content that was delivered securely?"

It is because all of our images, store logo's etc are not being delivered securely, how do I stop this happening and make sure that the customer doesnt get this pop-up?

The only "globally effective" ways around this are as follows:

• Deliver all images via https://
• Use relative image links (this means the images will have to be on the site)
• Turn of SSL (probably not a good idea)

This is a browser security warning to let users know there are insecure items on the page and it's impossible to subvert this using code.

We have changed the custom template we have on the checkout page so all images are secure. However the pop up still shows in IE. When we reject insecure images our navigation bar disappears. Here is our navigation code, any help to make it secure would be helpful. Thanks.

Code:

        <div id="etNav">
            <ComponentArt:Menu id="PageMenu"
              ClientScriptLocation="skins/componentart_webui_client/"
          ImagesBaseUrl="https://www.e-tradecounter.co.uk/skins/skin_7/images/"
              ScrollingEnabled="true"
          ScrollUpLookId="ScrollUpItemLook"
          ScrollDownLookId="ScrollDownItemLook"
              Orientation="horizontal"
          CssClass="TopMenuGroup"
          DefaultGroupCssClass="MenuGroup"
          DefaultItemLookID="DefaultItemLook"
          DefaultChildSelectedItemLookID= "SelectedItemLook"
          DefaultSelectedItemLookID= "SelectedItemLook"
          DefaultGroupItemSpacing="0"
          ExpandDelay="0"
          ExpandDuration="0"
          ExpandSlide="None"
          ExpandTransition="None"
              CascadeCollapse="false"
              CollapseDelay="0"
              CollapseSlide="None"
              CollapseTransition="None"
          EnableViewState="false"
          runat="server">
        <ItemLooks>
                      <ComponentArt:ItemLook LookId="DefaultItemLook" HoverCssClass="MenuItemHover" LabelPaddingTop="2px" ActiveCssClass="MenuItemDown" LabelPaddingRight="15px" LabelPaddingBottom="2px" ExpandedCssClass="MenuItemDown" LabelPaddingLeft="5px" CssClass="MenuItem" />
                    <ComponentArt:ItemLook LookId="TopItemLook" CssClass="TopMenuItem" HoverCssClass="TopMenuItemHover" LabelPaddingLeft="0" LabelPaddingRight="0" LabelPaddingTop="0" LabelPaddingBottom="0" />
                    <ComponentArt:ItemLook LookId="TopItemLookTwo" CssClass="TopMenuItemTwo" HoverCssClass="TopMenuItemTwoHover" LabelPaddingLeft="0" LabelPaddingRight="0" LabelPaddingTop="0" LabelPaddingBottom="0" />
                  <ComponentArt:ItemLook LookID="ScrollUpItemLook" ImageUrl="scroll_up.gif" ImageWidth="15" ImageHeight="13" CssClass="ScrollItem" HoverCssClass="ScrollItemH" ActiveCssClass="ScrollItemA" />
                  <ComponentArt:ItemLook LookID="ScrollDownItemLook" ImageUrl="scroll_down.gif" ImageWidth="15" ImageHeight="13" CssClass="ScrollItem" HoverCssClass="ScrollItemH" ActiveCssClass="ScrollItemA" />
                  <ComponentArt:ItemLook LookID="BreakItem" ImageUrl="break.gif" ImageHeight="1" ImageWidth="100%" />
                  <ComponentArt:ItemLook LookId="SelectedItemLook" CssClass="SelectedMenuItem" LabelPaddingLeft="0" LabelPaddingRight="0" LabelPaddingTop="0" LabelPaddingBottom="0"  />
        </ItemLooks>
        <ClientEvents>
            <ItemSelect EventHandler="YourFunction" />
        </ClientEvents>
        </ComponentArt:Menu>
                <div id="etNavBar"><img src="https://www.e-tradecounter.co.uk/skins/Skin_(!SKINID!)/images/e-trade/background/navBar.gif" alt="" /></div>
        </div>

Any ideas?

Hi

Load the checkout page and view the source, search for http: - you will see that you have quite a few items that are being referenced as non secure.

It looks like google checkout javascript is one culprit and perhaps your right menu, isnt using relative paths but http:....

Try referencing them with // instead of http:// that shoudl fix it.

Alan

Yep that worked. We also had some problems with the CSS calling images with http. All sorted now thanks.

I can not find the solution not sure what files to look in first

my site is www.mccluretables.com

I have found two possibles but not sure where the CSS is call up the information I have contact my developer but any help I would appreciate

You should start by looking in your javascript files - try removing them one by one to see when the problem goes away - then you can use an xmlpackage to only load that script on a non-secure page.


TTFN

BFG