Ocean Front Template Support Thread

27 Jul 2011, 8:53 PM

#261

Deceased

Join Date:: Nov 2005
Location:: Colorado Springs, CO USA
Posts:: 7,017
Plugin Contributions:: 12

Ocean Front Template Support Thread

JerryAPowers:

Clyde,

I'm hoping to get your help once more. For the center column, I needed borders to match the rest of my design and my main website design. Therefore, I modified tpl_main_page.php to create additional divs and tables for attaching the images.

If you can take a look at my site: http://shop.okaquariumgiftshops.com you will see that I am having a problem getting the background and footer settled to the bottom of my centerbodyWrapper that lines up with the bottom of the left sideboxes. Is this even worth being concerned with since once I get content in the center column it will fill in downwards? Although, I would like for it to all line up whether I have content or not. Following is the section of the file that I modified:
<td valign="top" id="centerbodyWrapper" class="centerbodyWrapper">
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="centerbodyHeader"></table>
<div id="centerColumnBG" class="centerColumnBG">

<?php if (DEFINE_BREADCRUMB_STATUS == '1' || (DEFINE_BREADCRUMB_STATUS == '2' && !$this_is_home_page) ) { ?>
<div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
<?php } ?>  <?php if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) { if ($banner->RecordCount() > 0) { ?> <div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div> <?php } } ?>  <?php if ($messageStack->size('upload') > 0) echo $messageStack->output('upload'); ?>  <?php /** * prepares and displays center column * */ require($body_code); ?> <?php if (SHOW_BANNERS_GROUP_SET4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET4)) { if ($banner->RecordCount() > 0) { ?> <div id="bannerFour" class="banners"><?php echo zen_display_banner('static', $banner); ?></div> <?php } } ?> </div> <div id="centerbodyFooter" class="centerbodyFooter"></div> </td>
Thank you!

at a quick glance at the code above:

You've got a bare <td> </td>

the correct way to set up a table is as follows:

27 Jul 2011, 9:55 PM

#262

jerryapowers

New Zenner

Join Date:: Jun 2011
Posts:: 11
Plugin Contributions:: 0

Re: Ocean Front Template Support Thread

:oops: Clyde - my bad - I didn't include all of the code since the code above primarily deals with the sideboxes. The td is a part of a table from above. Here's more of the code, beginning at line 46:

  $header_template = 'tpl_header.php';
  $footer_template = 'tpl_footer.php';
  $left_column_file = 'column_left.php';
  $right_column_file = 'column_right.php';
  $body_id = ($this_is_home_page) ? 'indexHome' : str_replace('_', '', $_GET['main_page']);
?>
<body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>
<?php
  if (SHOW_BANNERS_GROUP_SET1 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET1)) {
    if ($banner->RecordCount() > 0) {
?>
<div id="bannerOne" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
    }
  }
?>

<div id="mainWrapper">
<?php
 /**
  * prepares and displays header output
  *
  */
  if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_HEADER_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {
    $flag_disable_header = true;
  }
  require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
  <tr>
<?php
if (COLUMN_LEFT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_LEFT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
  // global disable of column_left
  $flag_disable_left = true;
}
if (!isset($flag_disable_left) || !$flag_disable_left) {
?>

 <td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">
<?php
 /**
  * prepares and displays left column sideboxes
  *
  */
?>
<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>
<?php
}
?>
    <td valign="top" id="centerbodyWrapper" class="centerbodyWrapper">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="centerbodyHeader"></table>
    <div id="centerColumnBG" class="centerColumnBG">
    <!-- bof  breadcrumb -->
<?php if (DEFINE_BREADCRUMB_STATUS == '1' || (DEFINE_BREADCRUMB_STATUS == '2' && !$this_is_home_page) ) { ?>
    <div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
<?php } ?>
<!-- eof breadcrumb -->

<?php
  if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
    if ($banner->RecordCount() > 0) {
?>
<div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
    }
  }
?>

<!-- bof upload alerts -->
<?php if ($messageStack->size('upload') > 0) echo $messageStack->output('upload'); ?>
<!-- eof upload alerts -->

<?php
 /**
  * prepares and displays center column
  *
  */
 require($body_code); ?>
<?php
  if (SHOW_BANNERS_GROUP_SET4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET4)) {
    if ($banner->RecordCount() > 0) {
?>
<div id="bannerFour" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
    }
  }
?>
</div>
<div id="centerbodyFooter" class="centerbodyFooter"></div>
</td>

One solution to extending my center column was suggested to simply set a min-height. I've done that for now until I add products.

Thank you!

10 Sep 2011, 4:17 PM

#263

doodlebuckets

Totally Zenned

Join Date:: Jul 2005
Posts:: 497
Plugin Contributions:: 0

Re: Ocean Front Template Support Thread

Clyde, I haven't updated my template for https://www.babygiftbasketstores.com for a while and maybe that would fix my issue. If so, please let me know! I would like to put bulletized lists in my product descriptions but they don't show up. I think the <ul>, <li> designation for the top tabs is not allowing bullet lists to show up in my products. Can you let me know what, if anything, I can do? Thanks! Amy

10 Sep 2011, 10:58 PM

#264

nigelt74

Totally Zenned

Join Date:: Sep 2005
Location:: Waikato, New Zealand
Posts:: 1,558
Plugin Contributions:: 1

Re: Ocean Front Template Support Thread

Hi Doodlebug

Can you provide a link to a specific page where this is happening, we just need to see the issue on a specific page rather than searcing the whole site

Clyde passed away last month , so we will try to help, But i am not as familiar with the template as Clyde was

10 Sep 2011, 11:31 PM

#265

nigelt74

Totally Zenned

Join Date:: Sep 2005
Location:: Waikato, New Zealand
Posts:: 1,558
Plugin Contributions:: 1

Re: Ocean Front Template Support Thread

try adding this rule to the bottom of your style sheet

#productDescription ul {
list-style-position: inside;
list-style-type: disc;
}

12 Sep 2011, 5:23 PM

#266

doodlebuckets

Totally Zenned

Join Date:: Jul 2005
Posts:: 497
Plugin Contributions:: 0

Re: Ocean Front Template Support Thread

Oh no! I am stunned :( I've worked with Clyde for years. Can you tell me what happened?

12 Sep 2011, 5:43 PM

#267

doodlebuckets

Totally Zenned

Join Date:: Jul 2005
Posts:: 497
Plugin Contributions:: 0

Re: Ocean Front Template Support Thread

OK, saw his website and read about it. Still so sad...

I tried the fix above and if you look at http://www.babygiftbasketstores.com/personalized-baby-boy-gifts/all-boy-baby-wagon?cPath=2&

the bullet-ized list doesn't show up...

12 Sep 2011, 5:45 PM

#268

doodlebuckets

Totally Zenned

Join Date:: Jul 2005
Posts:: 497
Plugin Contributions:: 0

Re: Ocean Front Template Support Thread

Now it shows up but it's not indented the way it should be. Sorry to be such a pain...

12 Sep 2011, 8:00 PM

#269

nigelt74

Totally Zenned

Join Date:: Sep 2005
Location:: Waikato, New Zealand
Posts:: 1,558
Plugin Contributions:: 1

Re: Ocean Front Template Support Thread

#productDescription ul {
list-style-position: outside;
list-style-type: disc;
padding-left: 30px;
}

added some padding Try that

EDIT

notice i have changed the list-style-position: to outside, this means the text will stay in line if it goes over 2 lines,
If it was left as Inside the text would come right out to the bullets for the second line when there is more than 1 line of text for a bullet

12 Sep 2011, 8:25 PM

#270

doodlebuckets

Totally Zenned

Join Date:: Jul 2005
Posts:: 497
Plugin Contributions:: 0

Re: Ocean Front Template Support Thread

nigelt74:

#productDescription ul {
list-style-position: outside;
list-style-type: disc;
padding-left: 30px;
}

Need to add the li to it and now it works:
#productDescription ul** li** {
list-style-position: outside;
list-style-type: disc;
padding-left: 30px;
}

Thanks so much :)