Ocean Front Template Support Thread

Ocean Front is a 2 column fixed width template compatible with Zen Cart 1.3.8.

Available in the downloads section.

Preview it here.

Very nice, Clyde! :clap:

TShooters:

Very nice, Clyde! :clap:

Thank you!

TShooters:

Very nice, Clyde! :clap:

Ditto. I'm in love with the look. As soon as I figure out how to upgrade from 1.3.7 to 1.3.8.a I'll be using it.

So elegant.

Beth-Katherine

Beth-katherine:

Ditto. I'm in love with the look. As soon as I figure out how to upgrade from 1.3.7 to 1.3.8.a I'll be using it.

So elegant.

Beth-Katherine

it'll work with 1.3.7

Fantastic design Clyde, but having trouble customizing the sideboxes. My client wants the better categories for the categories, information, more information, and ezpages boxes - but likes the original boxes for the other sideboxes.

My problem is that I cannot figure out how to take these out to the boxes that are in the template. I know it's probably something simple that I'm missing in the style sheet, but can't find it. Here is the site:

http://dkrumblis.gazebo-store.com/

Ralyn:

Fantastic design Clyde, but having trouble customizing the sideboxes. My client wants the better categories for the categories, information, more information, and ezpages boxes - but likes the original boxes for the other sideboxes.

My problem is that I cannot figure out how to take these out to the boxes that are in the template. I know it's probably something simple that I'm missing in the style sheet, but can't find it. Here is the site:

http://dkrumblis.gazebo-store.com/

All of the sideboxes (with the exception of the categories sidebox) are controlled by these declarations in the stylesheet.css

.leftBoxHeading, .rightBoxHeading {
margin: 0em;
background: url(../images/sidebox_header_bg.png) no-repeat #abbbd3;
padding: 0.5em 0.2em;
}

.sideBoxContent {
margin: 0;
padding: 0.4em 0.4em 1.5em 1em;
background: url(../images/sidebox_content.png) #ffffff;
background-position:bottom;
}

The categories sidebox is controlled by these declarations

#categoriesHeading {
margin: 0em;
background: url(../images/sidebox_header_bg.png) no-repeat #abbbd3;
padding: 0.5em 0.2em;
}

#categoriesContent{
padding: 0.4em 0.4em 1.5em 1em;
background: url(../images/sidebox_content.png) #ffffff;
background-position:bottom;
color: #3300FF;
font-size: 1em;
font-weight:bold;
}
#categoriesContent a, #categoriesContent a:hover {
color: #854401;
}

Aha! I think I got it, finally... At least for the categories box.

And I see we were posting at the same time, lol. Thanks.

Hey Clyde,

It's me again...

Question on the product sorter that I'm seeing - the sorter on the site I'm working on, using your template as a base, is different than the rest of the zen based sites that I've done. The others only have the alphabet starting with - which I found rather useless, myself. I would love to extract this sorter for the other carts, can you tell me which files to find it, please?

Also, just an FYI - I had to change the css class in the Your_template/sidebox tpl files:

* from "sideboxContent" to "categoriesContent*"

This site is shaping up nicely and the client loves our work (including you in that our). I'll be adding your link partners for her - and I do leave your link in all of the ones I install and ask them to leave you there for module developer credit - whether they do or not, I have no control, of course.

Ralyn:

Hey Clyde,

It's me again...

Question on the product sorter that I'm seeing - the sorter on the site I'm working on, using your template as a base, is different than the rest of the zen based sites that I've done. The others only have the alphabet starting with - which I found rather useless, myself. I would love to extract this sorter for the other carts, can you tell me which files to find it, please?

The alpha sorter can be turned off in admin -> configuration -> product listing -> Include Product Listing Alpha Sorter Dropdown (set to false)

By Default the Sort By dropdown only appears on the (all products page and new products page)

As far as I know this is controlled by two files:

includes/index_filters/default_filter.php

includes/modules/listing_display_order.php

I love the look of this template.

I decided to implement it on my site, https://www.paperthreads.com/store

It's all looking great, but I have a slight problem.

When you mouse over the "featured products" or anything like that, the whole page drops down a couple of inches. It does this on the subcategory pages as well.

any advice?

paperthreads:

I love the look of this template.

I decided to implement it on my site, https://www.paperthreads.com/store

It's all looking great, but I have a slight problem.

When you mouse over the "featured products" or anything like that, the whole page drops down a couple of inches. It does this on the subcategory pages as well.

any advice?

make sure that the jscript_imagehover.js is included in

includes/templates/ocean_front/jscript

if the jscript folder is missing make sure to add it.

Hope that makes sense.

Hi Clyde This template looks lovely - and at the risk of sounding stupid is it possible to have sideboxes on the right too?

kiamyka:

Hi Clyde This template looks lovely - and at the risk of sounding stupid is it possible to have sideboxes on the right too?

It was designed as a fixed width 2 column design.

You'd have to adjust the width of the design to accommodate the the additional column and in doing that you'd have to re-do (create a new) center panel image to fit the new width that you set.

Hi!

Just to add my two cents! I love this too and am using it for a new site that I am working on! The colors and design are so refreshing - makes ya feel good looking at it!

Thanks for the template!

clydejones:

make sure that the jscript_imagehover.js is included in

includes/templates/ocean_front/jscript

if the jscript folder is missing make sure to add it.

Hope that makes sense.

I did this and still had problems - I solved it by adding
style_imagehover.css

to includes/templates/ocean_front/css/style_imagehover.css

Back to work - I 'm sure i will have more questions - :smile:

Customization just starting on this lovely template.

How can I get a little padding on top of and below the logo.

Site is here: ---> http://casagrandeshops.com/

Also if I add a background what codes would I modify to make the center column and the page border transparent so the image would be seen? I have the image uploaded and the codes are in teh stylesheet, just commented out for now.

charmedbytina2:

Customization just starting on this lovely template.

How can I get a little padding on top of and below the logo.

Site is here: ---> http://casagrandeshops.com/

Also if I add a background what codes would I modify to make the center column and the page border transparent so the image would be seen? I have the image uploaded and the codes are in teh stylesheet, just commented out for now.

The main background image is located in #mainWrapper and is 850px wide.

If you want an addition image in the "center column" make sure it is 620px wide and place it in the css declaration .centercolumn

If you're talking about adding a background image to the #logoWrapper, just replace the image that is already located in that declaration also change the background-color to transparent.

Hiya Clyde

It's me again I am having a problem changing the header text

// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce [home link]');
define('HEADER_SALES_TEXT', 'Sales Message Goes Here<br />This text can be changed by<br />editing <code>includes/languages/english/ocean_front/header.php</code>');
define('HEADER_LOGO_WIDTH', '200px');
define('HEADER_LOGO_HEIGHT', '75px');
define('HEADER_LOGO_IMAGE', 'logo.gif');
What do I do with the text in red as above? When I exclude it I just get a blank site
Thanks x

kiamyka:

Hiya Clyde

It's me again I am having a problem changing the header text

// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce [home link]');
define('HEADER_SALES_TEXT', 'Sales Message Goes Here<br />This text can be changed by<br />editing <code>includes/languages/english/ocean_front/header.php</code>');
define('HEADER_LOGO_WIDTH', '200px');
define('HEADER_LOGO_HEIGHT', '75px');
define('HEADER_LOGO_IMAGE', 'logo.gif');
What do I do with the text in red as above? When I exclude it I just get a blank site
Thanks x

define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce [home link]');

define('HEADER_SALES_TEXT', 'Sales Message Goes Here<br />This text can be changed by<br />editing <code>includes/languages/english/ocean_front/header.php</code>');

You can edit them out and replace with your own text; just make sure to leave the single quote ('') marks in tact.

for example:

define('HEADER_ALT_TEXT', 'the name of your site');

define('HEADER_SALES_TEXT', '');

or

define('HEADER_SALES_TEXT', 'whatever text you want');