Ocean Front Template Support Thread

clydejones:

Have you edited/modified tpl_product_info_display.php in any way?

No, I have not. I'm using the latest version of ZenCart v1.3.8a

Jessica2000:

No, I have not. I'm using the latest version of ZenCart v1.3.8a

Try uploading a fresh copy of tpl_product_info_display.php and see if that helps.

clydejones:

Try uploading a fresh copy of tpl_product_info_display.php and see if that helps.

Unfortunately, the problem is still there.

Jessica2000:

Unfortunately, the problem is still there.

try turning off the "tell a firend" sidebox.

clydejones:

try turning off the "tell a firend" sidebox.

Awesome! That worked. Is there a way that I can keep the "tell a friend" on and still have it work?

Jessica2000:

Awesome! That worked. Is there a way that I can keep the "tell a friend" on and still have it work?

This fix contains a smaller button.
Just upload the button to:

includes/templates/ocean_front/buttons/english/

You should now be able to turn on the sidebox.

[Attachment no longer available]

clydejones:

This fix contains a smaller button.
Just upload the button to:

includes/templates/ocean_front/buttons/english/

You should now be able to turn on the sidebox.

[Attachment no longer available]

Thanks. Really appreciate your help!

How would I add an SSL trust logo gif to the top right of my header above the View Cart tab? Specifically, where in the code in what file? And how would I add it so that I don't get a mixed content warning on a secure page?

Thanks. Any help is appreciated.

meowhead.com

meowhead:

How would I add an SSL trust logo gif to the top right of my header above the View Cart tab? Specifically, where in the code in what file? And how would I add it so that I don't get a mixed content warning on a secure page?

Thanks. Any help is appreciated.

meowhead.com

What is the size of the trust logo?

What is the URL the logo will link to?

You'd need to make edits to includes/templates/ocean_front/common/tpl_header.php

and
includes/templates/ocean_front/css/stylesheet.css

Thanks for the reply. I love your template.

The logo is 98x98 and I would like to see the logo on the top right of the header above the View Cart tab of each page of the site, if possible, rather than on just the home page.

meowhead:

Thanks for the reply. I love your template.

The logo is 98x98 and I would like to see the logo on the top right of the header above the View Cart tab of each page of the site, if possible, rather than on just the home page.

first:

open
includes/templates/ocean_front/css/stylesheet.css

add/make the highlighted changes:

#logoWrapper{
	position: relative;
	top: 0;
	left: 28px;
	/*background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;*/
	height:100px;
	width:790px;
	}

.sslSeal {
position: absolute;
top: 0;
right: 0;
background: url(../images/THE_NAME_OF_IMAGE.gif) no-repeat
}

save the file and upload to your server

second:
save the image to includes/templates/ocean_front/images

third:

open includes/templates/ocean_front/common/tpl_header.php

Find the following section of code and make the highlighted changes:

<div id="logoWrapper">
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<div class="sslSeal"> </div>

save the file and upload to your server

That's exactly the info I needed.

Thanks, Clyde.

meowhead:

That's exactly the info I needed.

Thanks, Clyde.

glad to help.

Clyde,

I must have done something wrong because I can't get the logo to appear.

Any ideas?

meowhead:

Clyde,

I must have done something wrong because I can't get the logo to appear.

Any ideas?

try making the highlighted changes in the stylesheet.css:

Also make sure you've uploaded Trust_logo.gif to includes/templates.ocean_front/images.

.sslSeal {
position: absolute;
top: 0;
right: 0;
background: url(../images/Trust_Logo.gif) no-repeat;
height:98px;
}

Well, I made sure the image was uploaded to includes/templates/ocean_front/images and I've copied and pasted the code (plus some surrounding code) from the stylesheet.css and the tpl_header.php below...

from includes/templates/ocean_front/css/stylesheet.css

headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#logoWrapper{
position: relative;
top: 0;
left: 28px;
/background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;/
height:100px;
width:790px;
}

.sslSeal {
position: absolute;
top: 0;
right: 0;
background: url(../images/Trust_Logo.gif) no-repeat;
height:98px;
}
#logoWrapper a:hover {
background: transparent;
}

from includes/templates/ocean_front/common/tpl_header.php

See anything that shouldn't be? I know it's late. If you're tired, don't worry, go to bed. Take your time. I just want to do it right.

Forever grateful,

Will

Clyde,

By the way, when I look at the site with IE7 I don't see the logo at all.

However, when I look at the site with Firefox I see the logo peeking out from the right edge.

Does this info help?

meowhead:

Clyde,

By the way, when I look at the site with IE7 I don't see the logo at all.

However, when I look at the site with Firefox I see the logo peeking out from the right edge.

Does this info help?

Lets try one more thing:

make the highlighted change in the stylesheet.css

.sslSeal {
position: absolute;
top: 0;
right: 0;
background: url(../images/Trust_Logo.gif) no-repeat;
height:98px;
width:98px;
}

also try clearing the browser cache and then refresh the page.

Success! With Firefox, anyway.

It shows with Firefox but not with IE7. Is there any fix for this?

meowhead:

Success! With Firefox, anyway.

It shows with Firefox but not with IE7. Is there any fix for this?

only thing I can think of is to change the height declaration in this declaration as indicated by the highlight.

#logoWrapper{
position: relative;
top: 0;
left: 28px;
/background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;/
height:100px;
width:790px;
}