Main Page layout

Locked

Started by sonyat on 11 May 2006, 4:20 AM · Views: 3,033

Results 1 to 14 of 14
This thread is locked. New replies are disabled.
11 May 2006, 4:20 AM
#1
sonyat avatar

sonyat

New Zenner

Join Date:
May 2006
Posts:
83
Plugin Contributions:
0

Main Page layout

Ok here are my list of questions. I have seen shops that have the New Products box at the bottom be broken into 6 different boxes. How can I do this? Also I want to take out the outline on that as well.

The next one is at the top I want to add tabs in place of the words of the links.'
So instead of figurines and magnets I want tabs that I want in their place.

TY SOmuch for all the help. :D

11 May 2006, 4:38 AM
#2
sonyat avatar

sonyat

New Zenner

Join Date:
May 2006
Posts:
83
Plugin Contributions:
0

Re: Main Page layout

The other thing is how this persons site I just saw. http://www.jelcards.com/
He has the top bar taken off....how can I get that off the top as well?

11 May 2006, 3:15 PM
#3
knuckle_101 avatar

knuckle_101

Totally Zenned

Join Date:
Dec 2005
Location:
Cincinnati Ohio
Posts:
1,034
Plugin Contributions:
3

Re: Main Page layout

Making a custom template would do the job, or mess around with tpl_main_page.php and tpl_header.php in includes/templates/yourtemplate/common file this is for 1.3 version not sure about earlier versions depends on the template you have.

Good Luck :smile:

http://www.wilson-cellular.com use our website for example

PCI Certified Web Hosting - ControlScan, Security Metrics (Platinum Partner), McAfee, TrustKeeper
Business Class Web Hosting - Linux and cPanel Powered

11 May 2006, 3:21 PM
#4
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Main Page layout

SonyaT:

The other thing is how this persons site I just saw. http://www.jelcards.com/
He has the top bar taken off....how can I get that off the top as well?
He hasn't actually taken the top bar off, he's just swapped it with the logo section. This is done in tpl_header.php in the common directory of your template by swapping the section that starts <!--bof-navigation display--> and ends <!--eof-navigation display--> with the one starting <!--bof-branding display--> and ending <!--eof-branding display-->. A surprisingly high number of designers do this (including me:yes:).

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

12 May 2006, 3:45 AM
#5
sonyat avatar

sonyat

New Zenner

Join Date:
May 2006
Posts:
83
Plugin Contributions:
0

Re: Main Page layout

TY that is exactly what I wanted. I was looking at my store and I know I will need the log in and was wondering how that would work. TY so much.

Now if only I could get an answer on how to replace at the top where the text links to the products are to tabs or buttons

12 May 2006, 4:25 AM
#6
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,515
Plugin Contributions:
176

Re: Main Page layout

SonyaT:

The next one is at the top I want to add tabs in place of the words of the links.'
So instead of figurines and magnets I want tabs that I want in their place.

Those category links across the top are referred to as "category tabs".
You can style them however you like, using the tpl_modules_category_tabs.php and the related styles in the stylesheet.

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

12 May 2006, 5:04 AM
#7
sonyat avatar

sonyat

New Zenner

Join Date:
May 2006
Posts:
83
Plugin Contributions:
0

Re: Main Page layout

kuroi:

He hasn't actually taken the top bar off, he's just swapped it with the logo section. This is done in tpl_header.php in the common directory of your template by swapping the section that starts <!--bof-navigation display--> and ends <!--eof-navigation display--> with the one starting <!--bof-branding display--> and ending <!--eof-branding display-->. A surprisingly high number of designers do this (including me:yes:).

I did that but it is not like that in my classics tplheader php.
This is whats in that one.

<?php /** * Common Template - tpl_header.php * * this file can be copied to /templates/your_template_dir/pagename<br /> * example: to override the privacy page<br /> * make a directory /templates/my_template/privacy<br /> * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br /> * to override the global settings and turn off the footer un-comment the following line:<br /> * <br /> * $flag_disable_header = true;<br /> * * @package templateSystem * @copyright Copyright 2003-2006 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license <http://www.zen-cart.com/license/2_0.txt> GNU Public License V2.0 * @version $Id: tpl_header.php 3192 2006-03-15 22:37:24Z wilt $ */ // Display all header alerts via messageStack: if ($messageStack->size('header') > 0) { echo $messageStack->output('header'); } ?>
<table class="centershop" border="0" cellspacing="0" cellpadding="0">
<?php if (!isset($flag_disable_header) || $flag_disable_header == false) { ?>
  <tr><td>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="headerNavigation">
      <tr>
        <td align="left" valign="top" width="35%" class="headerNavigation">
          <a href="<?php echo zen_href_link(FILENAME_DEFAULT, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a> | 
<?php if (isset($_SESSION['customer_id'])) { ?>
          <a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a> | 
          <a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
<?php } else { if (STORE_STATUS == '0') { ?>
          <a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a>
<?php } } ?>
        </td>
        <td align="center" width="30%" class="headerNavigation"><?php require(DIR_WS_MODULES . 'sideboxes/' . 'search_header.php'); ?></td>
        <td align="right" valign="top" width="35%" class="headerNavigation">
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
          <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> | <a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?>»</a>
<?php }?>
        </td>
      </tr>
    </table>
    <table border="0" width="100%" cellspacing="0" cellpadding="0" class="header">
      <tr><!-- All HEADER_ definitions in the columns below are defined in includes/languages/english.php //-->
        <td valign="middle" height="<?php echo HEADER_LOGO_HEIGHT; ?>" width="<?php echo HEADER_LOGO_WIDTH; ?>">
<?php echo '<a href="' . zen_href_link(FILENAME_DEFAULT) . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
        </td>
        <td align="center" valign="top">
<?php if (HEADER_SALES_TEXT != '') { echo HEADER_SALES_TEXT; } if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) { if ($banner->RecordCount() > 0) { echo zen_display_banner('static', $banner); } } ?>
        </td>
      </tr>
    </table>
<?php if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) { ?>
    <table border="0" width="100%" cellspacing="0" cellpadding="2">
      <tr class="headerError">
        <td class="headerError"><?php echo htmlspecialchars(urldecode($_GET['error_message'])); ?></td>
      </tr>
    </table>
<?php } if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) { ?>
    <table border="0" width="100%" cellspacing="0" cellpadding="2">
      <tr class="headerInfo">
        <td class="headerInfo"><?php echo htmlspecialchars($_GET['info_message']); ?></td>
      </tr>
    </table>
<?php } ?> <?php } else { ?>
<tr><td>
<?php } ?> <!--bof-optional categories tabs navigation display--> <?php if (CATEGORIES_TABS_STATUS == '1') { require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); } ?> <!--eof-optional categories tabs navigation display--> <!--bof-header ezpage links--> <?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?> <?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?> <?php } ?> <!--eof-header ezpage links-->

So I don't know which one to switch there because I switched them in the default templete but it hasn't changed the main page. GRRRR

13 May 2006, 7:41 AM
#8
sonyat avatar

sonyat

New Zenner

Join Date:
May 2006
Posts:
83
Plugin Contributions:
0

Re: Main Page layout

Bump in hopes of getting help

13 May 2006, 8:18 AM
#9
sonyat avatar

sonyat

New Zenner

Join Date:
May 2006
Posts:
83
Plugin Contributions:
0

Re: Main Page layout

nevermind I figured it out myself.

13 May 2006, 8:33 AM
#10
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Main Page layout

SonyaT:

nevermind I figured it out myself.
Always the best way. Glad to hear you're making progress.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

2 Apr 2007, 3:17 PM
#11
motti avatar

motti

Zen Follower

Join Date:
Feb 2007
Location:
Los Angeles
Posts:
348
Plugin Contributions:
0

Re: Main Page layout

Hi

for some reason i have few pages that the all page become larger while the rest are normal here is 2 diffrend pages

normal page http://www.tiledepot.us/store/index.php?main_page=index&cPath=2

not normal page http://www.tiledepot.us/store/index.php?main_page=index&cPath=13_17

it is heppen to pages i post pic in the descriptions, i remove them but still it is way too large

please replay with some answer

Thank You very much

2 Apr 2007, 3:40 PM
#12
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Main Page layout

motti:

for some reason i have few pages that the all page become larger while the rest are normalWhat is happening is that the site is responding appropriately to the CSS that you have embedded into your pages.

Enbedded CSS over-rides the CSS in your stylesheet and I strongly recommend that you remove. I suspect that you have created some content with Dreamweaver or a similar editing tool and scooped up the CSS and pout it into your pages instead of into your stylesheet.

The particular piece of CSS causing your problem is below> body,td,th {

font-family: Georgia, Times New Roman, Times, serif;
font-size: small;

}
You've said that you want the size to be small, so why does it get bigger? Well that's because small is relative to the starting point. Default web text is about 16px in size. The Zen Cart stylesheet includes the line font-size: 62.5% which reduces the font size across the site to 10px. However, you have over-riden this on some of your pages to font-size:small which is equivalent to 80%. In other words you have increased the font-size on those pages from 62.5% to 80% for everything that doesn't have an explicit size set.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

3 Apr 2007, 5:07 PM
#13
motti avatar

motti

Zen Follower

Join Date:
Feb 2007
Location:
Los Angeles
Posts:
348
Plugin Contributions:
0

Re: Main Page layout

kuroi:

What is happening is that the site is responding appropriately to the CSS that you have embedded into your pages.

Enbedded CSS over-rides the CSS in your stylesheet and I strongly recommend that you remove. I suspect that you have created some content with Dreamweaver or a similar editing tool and scooped up the CSS and pout it into your pages instead of into your stylesheet.

The particular piece of CSS causing your problem is below
You've said that you want the size to be small, so why does it get bigger? Well that's because small is relative to the starting point. Default web text is about 16px in size. The Zen Cart stylesheet includes the line font-size: 62.5% which reduces the font size across the site to 10px. However, you have over-riden this on some of your pages to font-size:small which is equivalent to 80%. In other words you have increased the font-size on those pages from 62.5% to 80% for everything that doesn't have an explicit size set.

Hello Kuroi

thank you for your responed back, am going to read it more carfull and hope i can get what u wrote to me

what i did was made in dreamweaver a page with 3 pic ( diagrame) and only in those pages the whole page size was bigger compare to other page i did not touch, and i am not talking abut the info i put , if you look at my site and look at the 2 links you can tell the diffrend between tham

any way i hope i got the answer how to fix it in your post, am kinda new to web stuff , so am not realy sure what you wrote , but if you think you can add more info or you know what i did wrong i sure will thank you if you late me know

Thanks again

Motti

3 Apr 2007, 6:52 PM
#14
motti avatar

motti

Zen Follower

Join Date:
Feb 2007
Location:
Los Angeles
Posts:
348
Plugin Contributions:
0

Re: Main Page layout

Hello again Kuroi

i got it :clap: i folow your instruction and i fix it all

Thank you very much :smile: