Responsive Sheffield Blue v1.0

[cambomb]

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!

[dw08gm]

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.

[picaflor-azul]

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

[picaflor-azul]

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

[dw08gm]

1. Adding hover titles to mobile menu icons
\includes\templates\responsive_sheffield_blue\templates\tpl_modules_mobile_categ ories_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_categ ories_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

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

[cambomb]

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?

[picaflor-azul]

1. Adding hover titles to mobile menu icons
\includes\templates\responsive_sheffield_blue\templates\tpl_modules_mobile_categ ories_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_categ ories_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

[picaflor-azul]

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?...ome-pages-only

Thanks,

Anne