Responsive Sheffield Blue v2.0

spawnie69:

ok... I'm thinking I need to paste the fa fa search code above in this file but not sure exactly where. ----------> tpl_header_mobile.php

<?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-2012 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 GIT: $Id: Author: Ian Wilson Tue Aug 14 14:56:11 2012 +0100 Modified in v1.5.1 $ * Modifies by Anne (Picaflor-Azul.com), Responsive Sheffield Blue v1.0 */ ?> <?php // Display all header alerts via messageStack: if ($messageStack->size('header') > 0) { echo $messageStack->output('header'); } if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) { echo htmlspecialchars(urldecode($_GET['error_message']), ENT_COMPAT, CHARSET, TRUE); } if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) { echo htmlspecialchars($_GET['info_message'], ENT_COMPAT, CHARSET, TRUE); } else { } ?> <!--bof-header logo and navigation display--> <?php if (!isset($flag_disable_header) || !$flag_disable_header) { ?> <?php /** ******************************* BOF 2.1 ********************************** */ ?> <div id="headerWrapper" class="<?php echo $fluidisFixed; ?>"> <?php /** ******************************* EOF 2.1 ********************************** */ ?> <div id="top-middle"> <div class="onerow-fluid <?php echo $fluidisFixed; ?>"> <div id="navMainWrapper"> <div id="navMain"> <ul> <?php if ($_SESSION['customer_id']) { ?> <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><i class="fa fa-home" title="Home"></i><span class="tp-hide"><?php echo HEADER_TITLE_CATALOG; ?></span></a><span class="tp-hide"> | </span></li> <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><i class="fa fa-power-off" title="Log Off"></i><span class="tp-hide"><?php echo HEADER_TITLE_LOGOFF; ?></span></a><span class="tp-hide"> | </span></li> <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><i class="fa fa-user" title="My Account"></i><span class="tp-hide"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></span></a><span class="tp-hide"> | </span></li> <?php } else { if (STORE_STATUS == '0') { ?> <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><i class="fa fa-home" title="Home"></i><span class="tp-hide"><?php echo HEADER_TITLE_CATALOG; ?></span></a><span class="tp-hide"> | </span></li> <li class="h-login"><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><i class="fa fa-arrow-right" title="Log In/Register"></i><span class="tp-hide"><?php echo HEADER_TITLE_LOGIN; ?></span></a><span class="tp-hide"> | </span></li> <?php } } ?>

<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><i class="fa fa-shopping-cart" title="Shopping Cart"></i><?php echo $_SESSION['cart']->count_contents();?>  - <?php echo $currencies->format($_SESSION['cart']->show_total());?></a><span class="tp-hide"></span></li>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?> <li> | <a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><i class="fa fa-check-square" title="Checkout"></i><span class="tp-hide"><?php echo HEADER_TITLE_CHECKOUT; ?></span></a></li> <?php }?> </ul> </div> </div> <!--eof-navigation display--> <!--bof-branding display--> <div id="logoWrapper"> <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?> </div> <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?> <div id="taglineWrapper"> <?php if (HEADER_SALES_TEXT != '') { ?> <div id="tagline"> <?php echo HEADER_SALES_TEXT;?>

  </div>

<?php } ?> <?php if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) { if ($banner->RecordCount() > 0) { ?>

  <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>

<?php } } ?>

</div>

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?> </div> <div id="header-nav"> <div id="cur-lan-header"> <?php require(DIR_WS_MODULES . 'sideboxes/languages_header.php'); ?> <?php require(DIR_WS_MODULES . 'sideboxes/currencies_header.php'); ?> </div> <!--bof menu display--> <?php require($template->get_template_dir('tpl_modules_mobile_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_mobile_categories_tabs.php');?> <!--eof menu display--> </div> <div class="clearBoth"></div> <!--eof-branding display--> <!--eof-header logo and navigation display--> <div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div> </div> </div> <div class="onerow-fluid"> <?php if ($this_is_home_page) { ?> <?php if (RSB_SLIDER_STATUS == 'true') { ?>

      <?php require($template->get_template_dir('tpl_home_slider.php',DIR_WS_TEMPLATE, $current_page_base,'common')
                    . '/tpl_home_slider.php');?>

<?php } ?> <?php } ?> </div> <!--bof-optional categories tabs navigation display--> <?php 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--> </div> <?php } ?>

Yes, that is the file you will add the icon to.  Just link the icon to the advanced search page.  If you are not using the currencies/languages on mobiles, it would go nicely there.

A better solution would be to remove the display:none; from line 248 in the responsive_mobile.css file and adding some styles to the #navMainSearch in the responsive_mobile.css file such as removing the border, removing the float:left, changing the width to 100% and adding a text-align:center; and a margin-bottom:10px;.  Also changing line 363 in the responsive_mobile.css to top:10px; and add a .search-header-box{width:80%;}



Thanks,

Anne

hi all been a long time since i last zenned (bout 10 years) so very rusty indeed and a lot has changed

im using the responsive sheffield blue 2.0 template and am struggling with 2 things and have spent 2 days crossed eyed looking at code/css and searching the forum and google

1, to remove the white space above my logo, have tried all the suggestions in various posts but oe seem to make much difference, some have reduced it slightly but none have managed to eliminate it

2, i have changed the background colour and font of the the tagline but i want to use quite a large font so i need to increase the height of the tagline background to allow for the larger font size
take a look at the site and see what i mean http://www.fishmania-aquatics.com

any suggestions appreciated, im no expert coder but can muddle through most things with the right guidance

Joe Wain:

any suggestions appreciated, im no expert coder but can muddle through most things with the right guidance

Some possible changes to try...

stylesheet.css line 73

#top-middle .onerow-fluid {
    border-radius: 10px 10px 0px 0px;
    padding-top: 10px;  <--delete
}

stylesheet.css line 53

#tagline {
    margin: 20px 5px 25px; <-- increase
    color: #141402;
    background-color: #24629F;
    font-family: "monotype corsiva",Times,serif;
    font-weight: bold;
    font-size: 3vw; <-- change to VW
    text-align: center;
    padding: 10px;  <-- add
}

Webmaster tools in FireFox or IE work grate for finding and testing changes... CSS3 has some new values for sizing things relative to the current viewport size: vw, vh, and vmin. Google for css vw for more info..

Welcome back...

SO I have the old template in my store up and running. Had some issues with it and just wanted to do a clean install. So I installed a new zencart on my server, and got this temp store up and modules added like I needed. How do I move products over to this temp store?

cubmanky:

SO I have the old template in my store up and running. Had some issues with it and just wanted to do a clean install. So I installed a new zencart on my server, and got this temp store up and modules added like I needed. How do I move products over to this temp store?

Sorry I forgot to edit the config.php files with my database info.......I had changed the admin folder but not the sql info.

Why is Success Enabled Responsive Sheffield Blue Configuration Menu. stuck on top of my admin page?

Bronco78th:

Hi Anne

I Already did afew posts ago :P

---

[18-Jan-2016 10:09:40 UTC] PHP Fatal error: 1109:Unknown table 'p' in field list :: select count(p.products_id) as total ==> (as called by) /home/leisurel/public_html/thegreatgiftshop/includes/classes/split_page_results.php on line 87 <== in /home/leisurel/public_html/thegreatgiftshop/includes/classes/db/mysql/query_factory.php on line 155
*

****The above is what is being logged in the logs folder....no other errors.

Regards,

John

mc12345678:

If I may suggest installing lat9's mysql Debug Backtrace, then if there are further questions related to the results to start a new thread...

picaflor-azul:

Ah, yes, good idea ! Thank you for posting the suggestion ;)

Thanks,

Anne

Fwiw, a new thread was begun at https://www.zen-cart.com/showthread.php?t=219372&goto=newpost

Hi Anne,
I tried what you suggested on the responsive_mobile.css file to have my search field to appear.
I looks like the field appears but will not allow typing into field. Did I miss something? the demo site is located at https://www.gelcandlecompany.com/demo

#header-cart{float:right;width:50%;}
#navMainSearch{float:left;width:53%;border:1px solid #000;display:none;}
#top-middle{padding-bottom:0;border-bottom:none;}
#mobile-nav{background:#f4f4f4;padding:10px 10px;border-bottom:1px solid #dbdbce;}

#navMainSearch{top:10px;}
.search-header-box{width:80%;}
.menu-shop{margin-left:0;}

thank you Anne!

spawnie69:

Hi Anne,
I tried what you suggested on the responsive_mobile.css file to have my search field to appear.
I looks like the field appears but will not allow typing into field. Did I miss something? the demo site is located at https://www.gelcandlecompany.com/demo

#header-cart{float:right;width:50%;}
#navMainSearch{float:left;width:53%;border:1px solid #000;display:none;}
#top-middle{padding-bottom:0;border-bottom:none;}
#mobile-nav{background:#f4f4f4;padding:10px 10px;border-bottom:1px solid #dbdbce;}

> 
> 
> ```
#navMainSearch{top:10px;}
.search-header-box{width:80%;}
.menu-shop{margin-left:0;}

thank you Anne!

On line 364 in your responsive_mobile.css add an !important after the width and before the semi colon.

I am not seeing the problem with typing into the search input box. Maybe you need to add a higher z-index to it?

Thanks,

Anne

picaflor-azul:

On line 364 in your responsive_mobile.css add an !important after the width and before the semi colon.

I am not seeing the problem with typing into the search input box. Maybe you need to add a higher z-index to it?

Thanks,

Anne

picaflor-azul:

On line 364 in your responsive_mobile.css add an !important after the width and before the semi colon.

I am not seeing the problem with typing into the search input box. Maybe you need to add a higher z-index to it?

Thanks,

Anne

line 364 on responsive_mobile.css looks like this now:

.search-header-box{width:80%!important;}

Appears the same. https://www.gelcandlecompany.com/demo
I tried on 3 cell phones and the site will not let me enter into the mobile search field. Looks like it tries to open the keyboard for input but closes.
I'm sorry I do not sure what a higher z-index is.

thanks
-Al

Anne, Any clue on why I get Enabled Responsive Sheffield Blue Configuration Menu. at the top of the page when i'm logged in as admin. I have the page enabled http://www.thecubden.org/store/

cubmanky:

Anne, Any clue on why I get Enabled Responsive Sheffield Blue Configuration Menu. at the top of the page when i'm logged in as admin. I have the page enabled http://www.thecubden.org/store/

Sorry about that, it is a bug in the template installer. If you read through this thread or do a search of the thread you will find the post with the fix. I have this marked down to be fixed for the next template update.

Thanks,

Anne

cubmanky:

Anne, Any clue on why I get Enabled Responsive Sheffield Blue Configuration Menu. at the top of the page when i'm logged in as admin. I have the page enabled http://www.thecubden.org/store/

See post #25 in this thread.

Cheers,

jpda

hello
is possible 3 or 4 products ligne
http://www.autoprestige-tuning.com/ford-fiesta-4-c-1_60_63.html

Autoprestige-tuning:

hello
is possible 3 or 4 products ligne
http://www.autoprestige-tuning.com/ford-fiesta-4-c-1_60_63.html

On which device? For any device, laptop, landscape tablet, etc. you would need to edit the appropriate stylesheet. If you let me know which device you want to change I can tell you which stylesheet. You can also figure this out by using the chrome web developer tools.

Thanks,

Anne

picaflor-azul:

You can change the width of the slide show in the stylesheet_flex.css.

You can remove the text-transform:lowercase in the stylesheet.css

If you post a link to your site I can take a look at your category images.

Thanks,

Anne

What is the code for change width of the slide show i ..i try some but cant luck...

Thanks

This the site ... how fix this slide show image problem ? http://goo.gl/nIxPwc
other question Anni ..i cant change General Info in Header Menu, only this text not change after modify "responsive_sheffield_blue_defines.php"

Thank you!

Hi All,

I'm really struggeling to find an answer on my problem, I want to change te text for shipping_info and contact_us, I can change other pages throug the page editor but not these ones, The text is simply not showing when I edit them in the page editor. I also tried to put the file sinto the template dir in my Languages/dutch/html includes/sheffield blue but no result..

Please Help :)

rayring:

Hi All,

I'm really struggeling to find an answer on my problem, I want to change te text for shipping_info and contact_us, I can change other pages throug the page editor but not these ones, The text is simply not showing when I edit them in the page editor. I also tried to put the file sinto the template dir in my Languages/dutch/html includes/sheffield blue but no result..

Please Help :)

Issue is not related to the template, but if using ckeditor, try switching to raw edit mode for the text once it is "displayed". Content may not be visible in the default mode.

mc12345678:

Issue is not related to the template, but if using ckeditor, try switching to raw edit mode for the text once it is "displayed". Content may not be visible in the default mode.

Thank you for your response! I tried to set the editor into raw text mode, but that did not help. The strange thing is that I can edit the pages like privacy and conditions (also with ckeditor) but only not the contact_us and shipping_info pages. I can edit them in the page editor but when I save them the text does not show only the Title and on the contact_us page the contact form... Also I see that in the pages editor the contact_us and shipping_info pages refer to the right location (overright directory) I thought maybe I was editing the wrong files. When I op the files via FTP I also see the text. But just not on the webpage, strange right?