Responsive Sheffield Blue v1.0

[grandpaj]

There are instructions for adding your logo and tagline in thre readme.html file included in the template package.

Thanks,

Anne

Hi Anne

Yes Ive changed the logo tag line.

What I am trying to do is to place an image/or color as a background for the whole header.

Hope this makes sense.

Many thanks
Grandpa

[picaflor-azul]

Hi Anne

Yes Ive changed the logo tag line.

What I am trying to do is to place an image/or color as a background for the whole header.

Hope this makes sense.

Many thanks
Grandpa

Most likely you will want to put it on the #headerWrapper

Thanks,

Anne

[grandpaj]

Most likely you will want to put it on the #headerWrapper

Thanks,

Anne

Hi Anne

Did that, however I seem to have something wrong. So used to doing this sort of thing in Oscommerce.
Image
#headerWrapper{background: url("images/bg_content.jpg") no-repeat scroll 0;}
#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #pop

Have also loaded image to /includes/templates/responsive_sheffield_blue/images
and also tried
#headerWrapper{background: url("/includes/templates/responsive_sheffield_blue/images/bg_content.jpg") no-repeat scroll 0;}
#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #pop

Any thoughts.

Many thanks

John

[grandpaj]

Hi Anne

Did that, however I seem to have something wrong. So used to doing this sort of thing in Oscommerce.
Image
#headerWrapper{background: url("images/bg_content.jpg") no-repeat scroll 0;}
#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #pop

Have also loaded image to /includes/templates/responsive_sheffield_blue/images
and also tried
#headerWrapper{background: url("/includes/templates/responsive_sheffield_blue/images/bg_content.jpg") no-repeat scroll 0;}
#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #pop

Any thoughts.

Many thanks

John

Hi Anne

Got it sorted. Had the code slightly wrong.

Cheers
Grandpa

[picaflor-azul]

Hi Anne

Got it sorted. Had the code slightly wrong.

Cheers
Grandpa

I am happy that you figured it out ;) It would be great if you posted your code so that if others have the same question they can find the answer.

Thanks,

Anne

[lat9]

I made some override customizations for a client's product_info page, placing those customizations in the /includes/templates/responsive_sheffield_blue/product_info/extra_main_template_vars directory. My client then reported that the following items were missing, but only on the product_info page:

1. The shopping cart icon was missing in the header
2. The payment icon was missing from the footer
3. The social icons were missing from the left-side screen display
4. The back-to-top icon was missing

The issue is that this template's overrides make calls to the $template->get_template_dir function with the first parameter (the filename) set to an empty string ('') for those missing items. Since the product_info directory exists as part of the template's directory structure, that function finds the directory present and returns that directory so that, for instance, instead of attempting to load /includes/templates/responsive_sheffield_blue/images/cart.png, the template atempts to load /includes/templates/responsive_sheffield_blue/product_info//cart.png.

Following are the changes required to correct this behavior:

/includes/templates/responsive_sheffield_blue/common/tpl_footer.php, line 45

  <img src="<?php  echo $template->get_template_dir(FOOTER_PAYMENT_ICON,DIR_WS_TEMPLATE, $current_page_base,'images').'/'.FOOTER_PAYMENT_ICON; //-20140413-lat9-add FOOTER_PAYMENT_ICON as 1st parameter ?>"   alt="payments we accept" class="payments-image" />

/includes/templates/responsive_sheffield_blue/common/tpl_header.php, line 93

    <li><img src="<?php  echo $template->get_template_dir(HEADER_ICON_CART,DIR_WS_TEMPLATE, $current_page_base,'images').'/'.HEADER_ICON_CART; //-20140413-lat9-add HEADER_ICON_CART as 1st parameter ?>" alt="cart icon" class="cart-icon"  /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo $_SESSION['cart']->count_contents();?> <?php echo HEADER_TITLE_CART_ITEMS; ?> - <?php echo $currencies->format($_SESSION['cart']->show_total());?></a> | </li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>

/includes/templates/responsive_sheffield_blue/common/tpl_main_page.php, lines 52, 58 and 80

<script src="<?php echo $template->get_template_dir('jquery.sidebar.js',DIR_WS_TEMPLATE, $current_page_base,'jscript') . '/jquery.sidebar.js'; //-20140413-lat9-add jquery.sidebar.js as 1st parameter ?>" type="text/javascript"></script>

          html: "<a href='<?php echo FACEBOOK; ?>' target='_blank' title='<?php echo FACEBOOK_TITLE; ?>'><img src='<?php  echo $template->get_template_dir(FACEBOOK_ICON,DIR_WS_TEMPLATE, $current_page_base,'images').'/'.FACEBOOK_ICON ?>' class='soico facebook-sh' alt='<?php echo FACEBOOK_ALT; ?>' /></a><a href='<?php echo TWITTER; ?>' target='_blank' title='<?php echo TWITTER_TITLE; ?>'><img src='<?php  echo $template->get_template_dir(TWITTER_ICON,DIR_WS_TEMPLATE, $current_page_base,'images').'/'.TWITTER_ICON ?>' class='soico twitter-sh' alt='<?php echo TWITTER_ALT; ?>' /></a><a href='<?php echo YOUTUBE; ?>' target='_blank' title='<?php echo YOUTUBE_TITLE; ?>'><img src='<?php  echo $template->get_template_dir(YOUTUBE_ICON,DIR_WS_TEMPLATE, $current_page_base,'images').'/'.YOUTUBE_ICON ?>' class='soico youtube-sh' alt='<?php echo YOUTUBE_ALT; ?>' /></a><a href='<?php echo PINTEREST; ?>' target='_blank' title='<?php echo PINTEREST_TITLE; ?>'><img src='<?php  echo $template->get_template_dir(PINTEREST_ICON,DIR_WS_TEMPLATE, $current_page_base,'images').'/'.PINTEREST_ICON ?>' class='soico pinterest-sh' alt='<?php echo PINTEREST_ALT; ?>' /></a><a href='<?php echo GOOGLE; ?>' target='_blank' title='<?php echo GOOGLE_TITLE; ?>'><img src='<?php  echo $template->get_template_dir(GOOGLE_ICON,DIR_WS_TEMPLATE, $current_page_base,'images').'/'.GOOGLE_ICON ?>' class='soico google-sh' alt='<?php echo GOOGLE_ALT; ?>' /></a><a href='<?php echo BLOG; ?>' target='_blank' title='<?php echo BLOG_TITLE; ?>'><img src='<?php  echo $template->get_template_dir(BLOG_ICON,DIR_WS_TEMPLATE, $current_page_base,'images').'/'.BLOG_ICON ?>' class='soico blog-sh' alt='<?php echo BLOG_ALT; ?>!' /></a>", // can be anything; 20140413-la9-Add 1st parameters to *all* get_template_dir calls

<script src="<?php echo $template->get_template_dir('back_to_top.min.js',DIR_WS_TEMPLATE, $current_page_base,'jscript') . '/back_to_top.min.js'; //-20140413-lat9-Add 1st parm to call ?>" type="text/javascript"></script>

[grandpaj]

I am happy that you figured it out ;) It would be great if you posted your code so that if others have the same question they can find the answer.

Thanks,

Anne

#main-container {margin:20px auto 0 auto;background:#fff;text-align:left;vertical-align:top;-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;padding-bottom:50px;}
#headerWrapper{background: #1f4f7d url(../images/bg_content.jpg) repeat-x;
height:135px;
}

This worked for me.

Cheers
Grandpaj

[ikare]

Hi Anne,

After my hosting company helped me installed the template, the site is showing a blue page at the moment. What could be wrong and how to fix it?

Thanks

Janelle

[grandpaj]

Hi

Can someone tell me please the correct way and size to load product images to Zen Cart.
As if I just upoad say an image 500px x 200px.Ive tried different sizes laod images to medium, large however with no success. If The impact of the image size has a dramatic impact on the GTmetrix score.

Many thanks
Grandpa

[rbarbour]

Hi

Can someone tell me please the correct way and size to load product images to Zen Cart.
As if I just upoad say an image 500px x 200px.Ive tried different sizes laod images to medium, large however with no success. If The impact of the image size has a dramatic impact on the GTmetrix score.

Many thanks
Grandpa

Click Here -- >