Responsive Sheffield Blue v2.0

[picaflor-azul]

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

[Joe Wain]

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

[davewest]

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...

[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?

[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.

[cubmanky]

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

[mc12345678]

Hi Anne

I Already did afew posts ago



[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

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...

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....2&goto=newpost

[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 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!

[picaflor-azul]

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 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

[spawnie69]

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

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. 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