STS Stylesheet and Other Details

[Guest]

I'm having a temporary cranial disconnect about CSS and a couple of other little picky details.

 

I understand that with the STS template I'm working with an HTML document I can design myself. Presumably that means I can link it to a stylesheet I design myself.

 

How does my template/CSS setup interact with the "regular" OSC "stylesheet.css"? Does it replace that for all aspects of the site? Do I need to declare in my sheet all the styles that are in that one? Do they cascade? Exist independently? I'm thinking specifically of the box styles, including their fonts, sizes, and colors. This would doubtless also encompass breadcrumb styles and a lot of other details I'm forgetting.

 

I'm also wondering about a specific contribution: Big Images. This has worked to perfection for me on "out of the box" OSC installations.

 

Finally, is it possible to add "back/next" links on product info pages?

 

Thanks in advance,

 

Anne

[peterr]

Hi,

 

How does my template/CSS setup interact with the "regular" OSC "stylesheet.css"?  Does it replace that for all aspects of the site? Do I need to declare in my sheet all the styles that are in that one? Do they cascade? Exist independently? I'm thinking specifically of the box styles, including their fonts, sizes, and colors. This would doubtless also encompass breadcrumb styles and a lot of other details I'm forgetting.

 

Although I haven't yet used STS or similar osCommerce contribs (just that my clients don't want 'changes' ), and I'm no CSS expert, to try and answer all your questions above, I would simply state that ...........

 

As long as CSS classes did not 'clash', (i.e. a name/class you have used beforehand is now also the same name/class with STS), then there will be no problems. :)

 

If you search through your current stylesheet for any class names that are the same as those used by STS first, and adjust as needed, then you _should_ be safe. As I'm still coming to grips with CSS, I find where there are 'classes within classes' that it gets a bit confusing, so I would personally change the class names, if there were any conflicts. I have found a good CSS site is:

 

http://www.alistapart.com/

 

Finally, is it possible to add "back/next" links on product info pages?

 

Looking at /catalog/includes/modules/product_listing.php , the links are done like this:

 

<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'manufacturers_id=' . $HTTP_GET_VARS['manufacturers_id'] . '&products_id=' . $listing['products_id']) . '">' . $listing['products_name'] . '</a>';

 

Lines 61 to 65 of product_info.php have a good example, with the 'seperators' before and after the link.

 

              <tr>
               <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
               <td align="right"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image_button('button_continue.gif', IMAGE_BUTTON_CONTINUE) . '</a>'; ?></td>
               <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
             </tr>

 

Hope that helps,

 

Peter