Responsive Sheffield Blue v1.0

picaflor-azul:

I am happy that you like the template and are using it for your website ;)

If you follow the install instructions in the readme.html file included in the template package you will see that you have missed the step for uploading the sql patches.

Before getting too far on a godaddy server, I would recommend doing a search of the forum to see the problems associated with this web host.

Thanks,

Anne

Hi Anne,

So you were completely right. I totally missed the SQL stuff. Thanks very much, feel pretty silly skipping a step like that. I'm on my way making modifications as we speak! Your tutorials and help really made a difference, thanks very much!

Been aiming to fix these in tpl_modules_mobile_categories_tabs.php for several weeks now, but to no avail.

If I happen to find the fixes, I surely will post them, unless someone beats me to it.

cambomb:

Hi Anne,

So you were completely right. I totally missed the SQL stuff. Thanks very much, feel pretty silly skipping a step like that. I'm on my way making modifications as we speak! Your tutorials and help really made a difference, thanks very much!

I am so happy that you figured it out ;)

Thanks,

Anne

Hany:

Hi Anne

Bug report
OS: Android 4.x
Browser: Google Chrome for Android
Problem: An incorrect behavior for mega menu, select/click menu item, the click goes to the slider!

Best of Luck
Hany

Hi Anne

Did you figured out the solution for this problem?

Best Regards
Hany

Hany:

Hi Anne

Did you figured out the solution for this problem?

Best Regards
Hany

The mega menu is not touch friendly. It should switch to the mobile menu at lower screen resolutions but I am aware that the mega menu will show on some hand held devices that show the full version of the site. The new responsive template default code solves this problem. I do have plans to update all of the template packages, responsive and legacy to use the new code but don't have any specific eta.

Thanks,

Anne

1. Adding hover titles to mobile menu icons
   \includes\templates\responsive_sheffield_blue\templates\tpl_modules_mobile_categories_tabs.php
   To add titles to icons, replace the following:

    <a class="toggleMenu" href="#"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_MENU_IMAGE ?>" alt="m menu image" /></a>
    <?php echo '<a class="m-home" href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_HOME_IMAGE ?>" alt=" m home" /></a>
    <a class="m-cart" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_CART_IMAGE ?>" alt="m cart" /></a>

with

<!-- bof buttons -->
<!-- bof toggle menu button -->
  <a class="mobToggle" href="#"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_MENU_IMAGE ?>" alt=" toggle menu" title="Menu" /></a>
<!-- bof home page button -->
  <a class="m-home" href="#"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_HOME_IMAGE ?>" alt=" m home" title="Home" /></a>
<!-- bof cart page button -->
  <a class="mobCart" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_CART_IMAGE ?>" alt=" cart" title="Cart" /></a>
<!-- eof buttons -->

and then replace that highlighted red with your own preference.

2. Display Login/Logout in mobile menu
   \includes\templates\responsive_sheffield_blue\templates\tpl_modules_mobile_categories_tabs.php
   Replace the following:

     <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>

with

     <?php
     if ($_SESSION['customer_id']) { ?>
     <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
     <?php
     } else {
       if (STORE_STATUS == '0') {
     ?>
       <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
       <?php
       }
     }
     ?>

Note: COWOA not installed

I need to modify the center column width to be 100% wide in the home page. I tried going to layout menu, in admin, and set up both sides to be 0 width, even with these changes the template still shows the center column at just 480px wide!

icecold:

I need to modify the center column width to be 100% wide in the home page. I tried going to layout menu, in admin, and set up both sides to be 0 width, even with these changes the template still shows the center column at just 480px wide!

are you trying to put your featured items in the center and removing the left and right columns just centering the entire featured list out of curiosity?

dw08gm:

1. Adding hover titles to mobile menu icons
   \includes\templates\responsive_sheffield_blue\templates\tpl_modules_mobile_categories_tabs.php
   To add titles to icons, replace the following:

<a class="toggleMenu" href="#"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_MENU_IMAGE ?>" alt="m menu image" /></a>
<?php echo '<a class="m-home" href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_HOME_IMAGE ?>" alt=" m home" /></a>
<a class="m-cart" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_CART_IMAGE ?>" alt="m cart" /></a>

> 
> with
> 
> ```
<!-- bof buttons -->
<!-- bof toggle menu button -->
  <a class="mobToggle" href="#"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_MENU_IMAGE ?>" alt=" toggle menu" title="Menu" /></a>
<!-- bof home page button -->
  <a class="m-home" href="#"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_HOME_IMAGE ?>" alt=" m home" title="Home" /></a>
<!-- bof cart page button -->
  <a class="mobCart" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><img src="<?php  echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.M_CART_IMAGE ?>" alt=" cart" title="Cart" /></a>
<!-- eof buttons -->

and then replace that highlighted red with your own preference.

2. Display Login/Logout in mobile menu
   \includes\templates\responsive_sheffield_blue\templates\tpl_modules_mobile_categories_tabs.php
   Replace the following:

 <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>

> 
> with
> 
> ```
     <?php
     if ($_SESSION['customer_id']) { ?>
     <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
     <?php
     } else {
       if (STORE_STATUS == '0') {
     ?>
       <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
       <?php
       }
     }
     ?>

Note: COWOA not installed

Thank you for posting your code. I'll be sure to include it in a future update ;)

Thanks,

Anne

icecold:

I need to modify the center column width to be 100% wide in the home page. I tried going to layout menu, in admin, and set up both sides to be 0 width, even with these changes the template still shows the center column at just 480px wide!

If you want this only on the home page, you should use this:

http://www.zen-cart.com/content.php?231-can-i-turn-off-the-left-or-right-hand-columns-for-some-pages-only

Thanks,

Anne

Hello, beautiful and wonderful responsive template. I am currently using v1.5.1 having a problem getting my add to cart button to show up on product listing. The price shows up but not add to cart?? Any suggestions? My product listing values are set like this:

Display Product Name: 1
Display Product Image: 2
Display Price/Add to Cart: 3

http://www.mycoolhats.com/catalog/index.php?main_page=index&cPath=66

Hmmm, perhaps it is because I have attributes on my items? If that is normal operation, then ignore my question. Because, when I don't have attributes, it will show the buy it now button - so obviously they cannot purchase item without selecting the attributes? I feel stupid. :bangin:

MyCoolHats:

Hmmm, perhaps it is because I have attributes on my items? If that is normal operation, then ignore my question. Because, when I don't have attributes, it will show the buy it now button - so obviously they cannot purchase item without selecting the attributes? I feel stupid. :bangin:

That is correct :) You can install a plugin that will show the product attributes on the product listing page if you need this functionality.

Thanks,

Anne

So i've made some headway with the customization, but when I turn off the columns on left and right the featured bar ends up breaking.

What i'm aiming to do is have all of my products lined up below the main slider bar on the home page so they can quickly be added to the cart without having to navigate to another page.

http://tfwboston.com/market/

I can't for the life of me find where to modify the actual featured section is controlled. I'm pretty much at a wall, just googling everything i can think of and searching for any reference to words in that bar.

The other problem i'm seeing is I can't actually remove the search.
http://www.zen-cart.com/showthread.php?99708-Remove-%28not-turn-off%29-Search-Header-Field/page2

I've been trying these methods, and tried turning it off in the admin but to no avail. I'm pretty stumped. Any help anyone might have with this would be of great help.

cambomb:

So i've made some headway with the customization, but when I turn off the columns on left and right the featured bar ends up breaking.

What i'm aiming to do is have all of my products lined up below the main slider bar on the home page so they can quickly be added to the cart without having to navigate to another page.

http://tfwboston.com/market/

I can't for the life of me find where to modify the actual featured section is controlled. I'm pretty much at a wall, just googling everything i can think of and searching for any reference to words in that bar.

The other problem i'm seeing is I can't actually remove the search.
http://www.zen-cart.com/showthread.php?99708-Remove-%28not-turn-off%29-Search-Header-Field/page2

I've been trying these methods, and tried turning it off in the admin but to no avail. I'm pretty stumped. Any help anyone might have with this would be of great help.

Why do you want to remove it instead of just turning it off? It can be turned off in the admin--tools--layout boxes controller.

I have no idea what you did to break the tabbed home page modules. To turn off the right and left hand columns, do this in admin--configuration--layout settings.

Thanks,

Anne

Anne,

I changed the color of the header titles after one hovers over it. You stated that it was in the stylesheet_mega_menu.css which I found. I also am waiting to change the background color of the search in the header. Currently it is blue as well by default. For me to do that is it in the same file that you stated above. If so what am I looking for or is it just an image that I need to re-color.

Thanks

Mark

firstcapitalfirearms:

Anne,

I changed the color of the header titles after one hovers over it. You stated that it was in the stylesheet_mega_menu.css which I found. I also am waiting to change the background color of the search in the header. Currently it is blue as well by default. For me to do that is it in the same file that you stated above. If so what am I looking for or is it just an image that I need to re-color.

Thanks

Mark

If you will be making css changes to the site I would recommend using firefox and installing firebug or the web developer tools. They will help you to see the exact line of which file you need to edit. I don't mind helping out if you get stuck, but I don't really want to be customizing your css for you line by line either ;)

Thanks,

Anne

Hi Anne

There are many "*zoom:1" in responsive.css & one in stylesheet.css
Are they essential?

Thanks
Hany

Hany:

Hi Anne

There are many "*zoom:1" in responsive.css & one in stylesheet.css
Are they essential?

Thanks
Hany

Yes, do a google search to find out what these are used for.

Thanks,

Anne

How do I remove "Brands" from the nav bar?