Tabbed Home Page Modules

Quote:

---

Originally Posted by GAM

Thank you. Didn't notice those.:ohmy:

I believe I've captured them all...

Modified tpl_index_categories.php (zen 1.5.1) for use with Tabbed Home Page v2
(Required when displaying Categories on Main page):

PHP Code:

---

<?php
/**
 * Page Template
 *
 * Loaded by main_page=index<br />
 * Displays category/sub-category listing<br />
 * Uses tpl_index_category_row.php to render individual items
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 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 $Id: tpl_index_categories.php 4678 2006-10-05 21:02:50Z ajeh Modified by GAM to include Tabbed Home Page module (Picaflor Azul) with Categories 2013-08-09 $$
 */
?>

<script type="text/javascript">
  $(document).ready(function() {
    $('a.moduleBox').click(function() { // show selected module(s)
    // variables
      var popID = $(this).attr('rel');
      var popNAV = $(this).attr('class');
    // hide all wrappers and display the one selected
      $('.centerBoxWrapper').hide();
      // check if all or single selection
      if (popID != 'viewAll') {
        $('#' + popID).fadeIn();
      } else {
       $('.centerBoxWrapper').fadeIn();
      }
    });
  });
</script>

<div class="centerColumn" id="indexCategories">
<?php if ($show_welcome == true) { ?>
<h1 id="indexCategoriesHeading"><?php echo HEADING_TITLE; ?></h1>

<?php if (SHOW_CUSTOMER_GREETING == 1) { ?>
<h2 class="greeting"><?php echo zen_customer_greeting(); ?></h2>
<?php } ?>

<!-- deprecated - to use uncomment this section
<?php if (TEXT_MAIN) { ?>
<div id="" class="content"><?php echo TEXT_MAIN; ?></div>
<?php } ?>-->

<!-- deprecated - to use uncomment this section
<?php if (TEXT_INFORMATION) { ?>
<div id="" class="content"><?php echo TEXT_INFORMATION; ?></div>
<?php } ?>-->

<?php if (DEFINE_MAIN_PAGE_STATUS >= 1 and DEFINE_MAIN_PAGE_STATUS <= 2) { ?>
<div id="indexCategoriesMainContent" class="content"><?php
/**
 * require the html_define for the index/categories page
 */
  include($define_page);
?></div>
<?php } ?>

<?php } else { ?>
<h1 id="indexCategoriesHeading"><?php echo $breadcrumb->last(); ?></h1>
<?php } ?>

<?php
if (PRODUCT_LIST_CATEGORIES_IMAGE_STATUS_TOP == 'true') {
// categories_image
  if ($categories_image = zen_get_categories_image($current_category_id)) {
?>
<div id="categoryImgListing" class="categoryImg"><?php echo zen_image(DIR_WS_IMAGES . $categories_image, '', SUBCATEGORY_IMAGE_TOP_WIDTH, SUBCATEGORY_IMAGE_TOP_HEIGHT); ?></div>
<?php
  }
} // categories_image
?>

<?php
// categories_description
    if ($current_categories_description != '') {
?>
<div id="categoryDescription" class="catDescContent"><?php echo $current_categories_description;  ?></div>
<?php } // categories_description ?>
<!-- BOF: Display grid of available sub-categories, if any -->
<?php
  if (PRODUCT_LIST_CATEGORY_ROW_STATUS == 0) {
    // do nothing
  } else {
    // display subcategories
/**
 * require the code to display the sub-categories-grid, if any exist
 */
   require($template->get_template_dir('tpl_modules_category_row.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_category_row.php');
  }
?>
<!-- EOF: Display grid of available sub-categories -->
</div>

<div id="moduleMenu-wrapper">
<?php
// bof module navigation
$show_display_category = $db->Execute(SQL_SHOW_PRODUCT_INFO_CATEGORY);
if ($this_is_home_page) {
  echo '';
}
echo '<div id="moduleMenu">';
while (!$show_display_category->EOF) {
  switch ($show_display_category->fields['configuration_key']) {
    case 'SHOW_PRODUCT_INFO_CATEGORY_FEATURED_PRODUCTS':
      echo '<span class="navOne moduleSpan"><a href="javascript:void(0)" rel="featuredProducts" class="navOne moduleBox">' . MODULE_TABS_FEATURED . '</a></span>';
    break;
    case 'SHOW_PRODUCT_INFO_CATEGORY_SPECIALS_PRODUCTS':
      echo '<span class="navThree moduleSpan"><a href="javascript:void(0)" rel="specialsDefault" class="navThree moduleBox">' . MODULE_TABS_SPECIALS . '</a></span>';
    break;
    case 'SHOW_PRODUCT_INFO_CATEGORY_NEW_PRODUCTS':
      echo '<span class="navTwo moduleSpan"><a href="javascript:void(0)" rel="whatsNew" class="navTwo moduleBox">' . MODULE_TABS_NEW . '</a></span>';
    break;
  }
  $show_display_category->MoveNext();
}
echo '<span class="navFour moduleSpan"><a href="javascript:void(0)" rel="viewAll" class="navFour moduleBox">' . MODULE_TABS_ALL . '</a></span>';
echo '<br class="clearBoth" />';
echo '</div>';
echo '<br class="clearBoth" />';
// eof module navigation
?>

<?php
$show_display_category = $db->Execute(SQL_SHOW_PRODUCT_INFO_CATEGORY);

while (!$show_display_category->EOF) {
  // //  echo 'I found ' . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS);
?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_CATEGORY_FEATURED_PRODUCTS') { ?>
<?php
/**
 * display the Featured Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php'); ?>
<?php } ?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_CATEGORY_SPECIALS_PRODUCTS') { ?>
<?php
/**
 * display the Special Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
<?php } ?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_CATEGORY_NEW_PRODUCTS') { ?>
<?php
/**
 * display the New Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
<?php } ?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_CATEGORY_UPCOMING') { ?>
<?php
/**
 * display the Upcoming Products Center Box
 */
?>
<?php include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS)); ?><?php } ?>
<?php
  $show_display_category->MoveNext();
} // !EOF
?>

---

Cheers
GAM

---

Thank you for posting your code. I do have this on the list as a modification to include in a future module update ;)

Thanks,

Anne

Quote:

---

Originally Posted by rbarbour

I do like the tabbed feature and Anne did a great job simplifying it, however I am looking for other alternatives do to the hassle it would be to custom code to turn off tabs with (no products). Very frustrating from a customer point of view. MO as well.

---

If you do not have any products in the new, specials, or featured, you can turn off this tab in admin--configuration--index listing

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

If you do not have any products in the new, specials, or featured, you can turn off this tab in admin--configuration--index listing

Thanks,

Anne

---

The code posted was for the index_categories.php file, which would only show category specific new, special and featured products.

Turning the tab off will prevent those category specific tabs from appearing even if new, special and featured products exist for that category. Correct?

Quote:

---

Originally Posted by rbarbour

The code posted was for the index_categories.php file, which would only show category specific new, special and featured products.

Turning the tab off will prevent those category specific tabs from appearing even if new, special and featured products exist for that category. Correct?

---

Ok, I understand ;) You would need to add some php code to the tpl_index_categories.php file to make the tabs show only when products are present.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

Ok, I understand ;) You would need to add some php code to the tpl_index_categories.php file to make the tabs show only when products are present.

Thanks,

Anne

---

Thanks Anne, along with the code posted for the sub-category page, I also have the code to include on shopping cart page if you would like me to post that as well.

I see no possible way to check without running additional sql query's to check for products available and is more code than I want to write at this time.

I will keep checking for updates, the "0" products feature for the tabs would be a great feature though.

Thank you so much for this great mod. I am having css problem that I need help with. The mod is installed at http://www.clevershoppers.com I uploaded the index_home.css but it's not applying to the home page. I am assuming that the css for the home page is suppose to over the value in stylesheet.css for .centerBoxWrapper but mine is not doing that and as a result I am getting an extra border lines (which is not pretty to the eyes). If I comment out .centerBoxWrapper from stylesheet.css then everything looks fine but of course it messes up the center boxes that needs it on other pages. I will greatly appreciate how to approach solving this problem.

Also, we have Zen Lightbox installed which loads jquery-1.4.4.min.js inside the jscript folder. This mod also loads another jquery from

Code:

---

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"  type="text/javascript"></script>

---

. Does this create a conflict. It should seem like it to me. No sure how to combine the two.

We also have CJLoader installed our site which is currently turned of at the moment.

We are running Zen Cart 1.5.1
Thank you!

Quote:

---

Originally Posted by BlessIsaacola

Thank you so much for this great mod. I am having css problem that I need help with. The mod is installed at http://www.clevershoppers.com I uploaded the index_home.css but it's not applying to the home page. I am assuming that the css for the home page is suppose to over the value in stylesheet.css for .centerBoxWrapper but mine is not doing that and as a result I am getting an extra border lines (which is not pretty to the eyes). If I comment out .centerBoxWrapper from stylesheet.css then everything looks fine but of course it messes up the center boxes that needs it on other pages. I will greatly appreciate how to approach solving this problem.

Also, we have Zen Lightbox installed which loads jquery-1.4.4.min.js inside the jscript folder. This mod also loads another jquery from

Code:

---

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"  type="text/javascript"></script>

---

. Does this create a conflict. It should seem like it to me. No sure how to combine the two.

We also have CJLoader installed our site which is currently turned of at the moment.

We are running Zen Cart 1.5.1
Thank you!

---

I just looked at your site and it looks like you figured out the problem ;)

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

I just looked at your site and it looks like you figured out the problem ;)

Thanks,

Anne

---

Thanks Anne! The problem is not solved. If you look on our home page, you will notice there's a line above the title for each tab (for example, right about "New Products For August" is a line). There's also a line at the bottom inside the wrapper. Basically, what's happening is the home page is taking the style from .centerBoxWrapper stylesheet.css which is not supposed to be the case. If you're able to provide direction that would be great. Thanks!

Quote:

---

Originally Posted by BlessIsaacola

Thanks Anne! The problem is not solved. If you look on our home page, you will notice there's a line above the title for each tab (for example, right about "New Products For August" is a line). There's also a line at the bottom inside the wrapper. Basically, what's happening is the home page is taking the style from .centerBoxWrapper stylesheet.css which is not supposed to be the case. If you're able to provide direction that would be great. Thanks!

---

add this to the top of your index.home.css file:

div.centerBoxWrapper {border:0;}

Quote:

---

Originally Posted by rbarbour

add this to the top of your index.home.css file:

div.centerBoxWrapper {border:0;}

---

Thank you so much! That resolved my issue. You just made my day. Thank you!!!