CSS Issue?

**designwerks** · August 27th, 2010 05:22 AM

Jamie,

I don't get many reviews but when I do it's always exciting... Just noticed that with my latested review all those pretty stars and formating are off? Wondering if it's a CSS issue or something else.

I have provided a screen capture and the actual URL to display the page. Wondering if looking at the screen capture or the source code of the product will shed some light.

http://www.woodwickcandles.ca/store/...dles-in-canada

Thanks,

John

**coastalrugs** · August 27th, 2010 07:27 AM

How is your store_main template set up? I would guess you are manually adding the css files and such to the page. (because all your files are set to be servered via httpS even over http connections)

The potential issues of that aside, it would seem the css files you have manually attached do not contain the necessary bits that would otherwise be added. Each of the SC modules add their own css file (review, news, download, etc...) Either let SC add its headers or be sure to integrate the css from those modules yourself.

**designwerks** · August 27th, 2010 09:25 AM

Hi Coastalrugs,

I use Rapidweaver to develop the website and store. If you know about Rapidweaver (great MAC product) it uses a lot of CSS... I think the store (squirrelcart) uses or calls two (from what I remember)...

Based on your comments - is there a better way?

John

**designwerks** · August 27th, 2010 09:34 AM

Thanks Costalrugs...

Reviewing my storefront template I was missing the line of code:

<?php print $SC_header ?>

Must have missed it in the copy / paste function...

All is better now...

I'd still like it if you could direct me to the CSS issue and calling them out individually...

John

**Jamie** · August 27th, 2010 09:34 AM

Coastalrugs is right. You are missing the link to review.css.php which contains the CSS for the reviews module. If you are using Squirrelcart PRO, viewing the source code of your store's home page in your browser should show the top of the page looking like this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="title" content="PHP Shopping Cart Software - Provided by Squirrelcart" />
    <meta name="keywords" content="php shopping cart,ecommerce shopping cart software,mysql shopping cart" />
    <meta name="description" content="default description" />
    <title>PHP Shopping Cart Software - Provided by Squirrelcart</title>
    
    <link rel="stylesheet" type="text/css" href="http://www.example.com/squirrelcart/themes/squirrelcart/style_main.css.php" />
    <link rel="stylesheet" type="text/css" href="http://www.example.com/squirrelcart/themes/squirrelcart/style_variant1_gray.css.php" />
    <link rel="stylesheet" type="text/css" href="http://www.example.com/squirrelcart/themes/squirrelcart/style_variant2_1024.css.php" />
    <link rel="stylesheet" type="text/css" href="http://www.example.com/squirrelcart/modules/download/templates/download.css.php" />
    <link rel="stylesheet" type="text/css" href="http://www.example.com/squirrelcart/modules/news/templates/news.css.php?" />
    <link rel="stylesheet" type="text/css" href="http://www.example.com/squirrelcart/modules/quick_total/templates/quick_total.css.php" />
    <link rel="stylesheet" type="text/css" href="http://www.example.com/squirrelcart/modules/review/templates/review.css.php" />
    <link rel="stylesheet" type="text/css" href="http://www.example.com/squirrelcart/modules/testimonials/templates/testimonials.css.php" />
    <script src="http://www.example.com/squirrelcart/js/storefront.js.php" type="text/javascript"></script>
    <!--[if lt IE 7]>
        <script type="text/javascript" src="http://www.example.com/squirrelcart/lib/unitpng/unitpngfix.js.php"></script>
    <![endif]-->

    <script type="text/javascript" src="http://www.example.com/squirrelcart/lib/unitip/unitip.js.php"></script>
    <script type="text/javascript" src="http://www.example.com/squirrelcart/lib/mootools/mootools.js.php"></script>
    <script type="text/javascript" src="http://www.example.com/squirrelcart/lib/slimbox/slimbox.js.php"></script>
    <link href="http://www.example.com/squirrelcart/lib/slimbox/slimbox.css.php" rel="stylesheet" type="text/css" />
</head>

If you view the corresponding PHP in the store_main.tpl.php template file, you will find this:

PHP Code:


<?php /* This line prevents direct access to template. Don't remove it. */ if (!defined('SC_INCLUDE_OK')) die; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="title" content="<?php print $Title ?>" />
    <meta name="keywords" content="<?php print $Keywords ?>" />
    <meta name="description" content="<?php print $Description ?>" />
    <title><?php print $Title ?></title>
    <?php print $SC_header ?>
</head>

The head section of your store_main.tpl.php template file probably looks very different. You need the <?php print $SC_header ?> line for our CSS and JS to work properly.

**designwerks** · August 27th, 2010 11:02 AM

Thanks Jamie...

I think it was a copy / paste issue moving from raw code in Rapidweaver... Missed that line... all is good again!

John

Can you or costalrugs discuss what might be wrong or how to adjust so you do not see the CSS files per message above?

John

**Jamie** · August 27th, 2010 11:46 AM

Originally Posted by designwerks

Can you or costalrugs discuss what might be wrong or how to adjust so you do not see the CSS files per message above?

I'm not sure I follow, though I am still half asleep.

Can you elaborate? It seems OK now to me.

**designwerks** · August 27th, 2010 12:23 PM

Originally Posted by coastalrugs

I would guess you are manually adding the css files and such to the page. (because all your files are set to be servered via httpS even over http connections)

The potential issues of that aside...

Jamie,

Costalrug is suggesting there may be some potential issues - now I'm a bit concerned...

John

**Jamie** · August 27th, 2010 12:45 PM

Having "https" before all your resources is not needed unless you are on a secure page. If you do that, you are necessarily encrypting those files, which is going to cause the page to load more slowly for no reason. There are a few issues with the code in your <head/> tag. See this image for an overview:
example.png

You might want to download the latest version from our downloads page and compare the default store_main.tpl.php template file to yours.

**Jamie** · August 27th, 2010 12:46 PM

vBulletin is shrinking that image above. You'll need to right click and download it, then view it on your computer to see it full size.

**designwerks** · September 14th, 2010 01:27 PM

Thanks Jamie...

With the proposed information you provided... the site appears to load faster... is there an actual website that one can visit to determine the load speed of a web page?

John

**Jamie** · September 15th, 2010 10:16 AM

I usually hit F5 and use a stop watch to get average page loads. I do 5 or 10 tests like that and average them. There are many tools out there. If you use Firefox, there are add-ons that will show page load time. You could also try this:
http://tools.pingdom.com/fpt/

Thread: CSS Issue?

Thread Tools

Display

CSS Issue?

Rapidweaver CSS

Missing One Line Of Code

Wow - Posting at same time...

Fixed...

Thread Information

Users Browsing this Thread

Posting Permissions