Responsive Sheffield Blue v1.0

[mc12345678]

Accidentally posted the following to the non-responsive version of this template and received a partial response (that needed to be implemented); however, the below issue/question is a bit different than previous discussion about the description not showing up (solution provided at: http://www.zen-cart.com/showthread.p...52#post1220352 ) which for me meant changing the last line of the css file.

Hi,

I've installed this template, been able to control the contact_us menu option so that do not get spam through it, moved some things around and clean it up so that features are enabled/disabled as set in the admin panel (version 1.5.1 of Zen Cart); however, I am trying to figure out where/how to disable the Details drop down if there is nothing in the database that would populate that drop down. (ie., on page loads where data is present to have it load/display, and on pages where nothing would be present to remove the "window" and any clickable areas.) I would also like to apply the CSS necessary to have the full description show on page load instead of the default of it being drawn up into the description button. (Ie., not require clicking on the description button to have the description appear.)

The problem is that the words "details" and "description" are throughout the ZC code so when searching for these particular program areas, I have not had much success and I am trying to get through this portion as quickly as I can. Could someone please direct me to which file(s) to look in for the programming code, and in which of the CSS files it would be recommended to add the line that will make the description show upon loading the page similar to having the special products, new products, and/or featured products show on the main page?

The code for the toggles on the product info page is located in includes/templates/responsive_sheffield_blue/templates/tpl_product_info_display.php

Thanks,

Anne

For those interested, to accomplish the "disablement" of the details drop down, all that I needed to do was to move the applicable div tag declarations and closures into the if statement that was present within the file above. This made sure not to show the details menu bar on the product page unless the criteria to display the content was met for that product. I did the same thing for both the details and description menus. It is probably a personal preference, but I would rather an option invisible (which in this case CSS may be difficult to apply because the presence is/was data based instead of globally applicable) than to have an option that doesn't do something making me as a potential shopper unsure of the site functionality or out right question the absence of content. For those items that need the extra information, they will receive it and then be properly displayed.

Thank you for the assistance, and hope it helps someone else. Snazzy looking template, good work.

[mutinyzoo]

Continuing a love affair with Responsive Sheffield Blue, I am attempting to implement the css_js_loader because there are so many css and js files on the site at this point and I want to reduce TTFB (time to first byte load).

The Numinix module definitely doesn't work out of the box, at least due to differences in the TEMPLATE/common/header_html.php file.

CSS JS Loader loads the javascript and stylesheets using this code:

if($RI_CJLoader->get('status') && (!isset($Ajax) || !$Ajax->status())){
	$RI_CJLoader->autoloadLoaders();
	$RI_CJLoader->loadCssJsFiles();
	$files = $RI_CJLoader->header();	
	
	foreach($files['css'] as $file)
		if($file['include']) {
      include($file['src']);
    } else if (!$RI_CJLoader->get('minify_css') || $file['external']) {
      echo '<link rel="stylesheet" type="text/css" href="'.$file['src'].'" />'."\n";
    } else {
      echo '<link rel="stylesheet" type="text/css" href="min/?f='.$file['src'].'&amp;'.$RI_CJLoader->get('minify_time').'" />'."\n";
    }
		
	foreach($files['jscript'] as $file)
		if($file['include']) {
      include($file['src']);
    } else if(!$RI_CJLoader->get('minify_js') || $file['external']) {
      echo '<script type="text/javascript" src="'.$file['src'].'"></script>'."\n";
    } else {
      echo '<script type="text/javascript" src="min/?f='.$file['src'].'&amp;'.$RI_CJLoader->get('minify_time').'"></script>'."\n";
    }
}

whereas Responsive Sheffield Blue Template loads them with this code:

<?php
/**
 * load all template-specific stylesheets, named like "style*.css", alphabetically
 */
  $directory_array = $template->get_template_part($template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css'), '/^style/', '.css');
  while(list ($key, $value) = each($directory_array)) {
    echo '<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . $value . '" />'."\n";
  }
/**
 * load stylesheets on a per-page/per-language/per-product/per-manufacturer/per-category basis. Concept by Juxi Zoza.
 */
  $manufacturers_id = (isset($_GET['manufacturers_id'])) ? $_GET['manufacturers_id'] : '';
  $tmp_products_id = (isset($_GET['products_id'])) ? (int)$_GET['products_id'] : '';
  $tmp_pagename = ($this_is_home_page) ? 'index_home' : $current_page_base;
  if ($current_page_base == 'page' && isset($ezpage_id)) $tmp_pagename = $current_page_base . (int)$ezpage_id;
  $sheets_array = array('/' . $_SESSION['language'] . '_stylesheet',
                        '/' . $tmp_pagename,
                        '/' . $_SESSION['language'] . '_' . $tmp_pagename,
                        '/c_' . $cPath,
                        '/' . $_SESSION['language'] . '_c_' . $cPath,
                        '/m_' . $manufacturers_id,
                        '/' . $_SESSION['language'] . '_m_' . (int)$manufacturers_id,
                        '/p_' . $tmp_products_id,
                        '/' . $_SESSION['language'] . '_p_' . $tmp_products_id
                        );
  while(list ($key, $value) = each($sheets_array)) {
    //echo "<!--looking for: $value-->\n";
    $perpagefile = $template->get_template_dir('.css', DIR_WS_TEMPLATE, $current_page_base, 'css') . $value . '.css';
    if (file_exists($perpagefile)) echo '<link rel="stylesheet" type="text/css" href="' . $perpagefile .'" />'."\n";
  }

/**
 *  custom category handling for a parent and all its children ... works for any c_XX_XX_children.css  where XX_XX is any parent category
 */
  $tmp_cats = explode('_', $cPath);
  $value = '';
  foreach($tmp_cats as $val) {
    $value .= $val;
    $perpagefile = $template->get_template_dir('.css', DIR_WS_TEMPLATE, $current_page_base, 'css') . '/c_' . $value . '_children.css';
    if (file_exists($perpagefile)) echo '<link rel="stylesheet" type="text/css" href="' . $perpagefile .'" />'."\n";
    $perpagefile = $template->get_template_dir('.css', DIR_WS_TEMPLATE, $current_page_base, 'css') . '/' . $_SESSION['language'] . '_c_' . $value . '_children.css';
    if (file_exists($perpagefile)) echo '<link rel="stylesheet" type="text/css" href="' . $perpagefile .'" />'."\n";
    $value .= '_';
  }

/**
 * load printer-friendly stylesheets -- named like "print*.css", alphabetically
 */
  $directory_array = $template->get_template_part($template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css'), '/^print/', '.css');
  sort($directory_array);
  while(list ($key, $value) = each($directory_array)) {
    echo '<link rel="stylesheet" type="text/css" media="print" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . $value . '" />'."\n";
  }

/**
 * load all site-wide jscript_*.js files from includes/templates/YOURTEMPLATE/jscript, alphabetically
 */
  $directory_array = $template->get_template_part($template->get_template_dir('.js',DIR_WS_TEMPLATE, $current_page_base,'jscript'), '/^jscript_/', '.js');
  while(list ($key, $value) = each($directory_array)) {
    echo '<script type="text/javascript" src="' .  $template->get_template_dir('.js',DIR_WS_TEMPLATE, $current_page_base,'jscript') . '/' . $value . '"></script>'."\n";
  }

/**
 * load all page-specific jscript_*.js files from includes/modules/pages/PAGENAME, alphabetically
 */
  $directory_array = $template->get_template_part($page_directory, '/^jscript_/', '.js');
  while(list ($key, $value) = each($directory_array)) {
    echo '<script type="text/javascript" src="' . $page_directory . '/' . $value . '"></script>' . "\n";
  }

/**
 * load all site-wide jscript_*.php files from includes/templates/YOURTEMPLATE/jscript, alphabetically
 */
  $directory_array = $template->get_template_part($template->get_template_dir('.php',DIR_WS_TEMPLATE, $current_page_base,'jscript'), '/^jscript_/', '.php');
  while(list ($key, $value) = each($directory_array)) {
/**
 * include content from all site-wide jscript_*.php files from includes/templates/YOURTEMPLATE/jscript, alphabetically.
 * These .PHP files can be manipulated by PHP when they're called, and are copied in-full to the browser page
 */
    require($template->get_template_dir('.php',DIR_WS_TEMPLATE, $current_page_base,'jscript') . '/' . $value); echo "\n";
  }
/**
 * include content from all page-specific jscript_*.php files from includes/modules/pages/PAGENAME, alphabetically.
 */
  $directory_array = $template->get_template_part($page_directory, '/^jscript_/');
  while(list ($key, $value) = each($directory_array)) {
/**
 * include content from all page-specific jscript_*.php files from includes/modules/pages/PAGENAME, alphabetically.
 * These .PHP files can be manipulated by PHP when they're called, and are copied in-full to the browser page
 */
    require($page_directory . '/' . $value); echo "\n";
  }

// DEBUG: echo '<!-- I SEE cat: ' . $current_category_id . ' || vs cpath: ' . $cPath . ' || page: ' . $current_page . ' || template: ' . $current_template . ' || main = ' . ($this_is_home_page ? 'YES' : 'NO') . ' -->';

if (COLUMN_WIDTH == '0') {
    echo '';
} else {
    echo '<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . 'responsive.css' . '" />';
}
?>

<script src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'jscript') . '/css_browser_selector.js' ?>" type="text/javascript"></script>

Before delving too deeply into the potential integration of the two methods, I'd love some input from the ZC community on the impact of compiling and minifying code in the first place.

[rbarbour]

Continuing a love affair with Responsive Sheffield Blue, I am attempting to implement the css_js_loader because there are so many css and js files on the site at this point and I want to reduce TTFB (time to first byte load).

The Numinix module definitely doesn't work out of the box, at least due to differences in the TEMPLATE/common/header_html.php file.

Before delving too deeply into the potential integration of the two methods, I'd love some input from the ZC community on the impact of compiling and minifying code in the first place.

Might be better to start a new thread or even a "CSS JS Loader Support thread" seeing how numinix only offers support via his website forums. IMO, the CSS JS Loader is not even worth the bother, focus on optimizing your images and combining id and class rules.

[mutinyzoo]

Might be better to start a new thread or even a "CSS JS Loader Support thread" seeing how numinix only offers support via his website forums. IMO, the CSS JS Loader is not even worth the bother, focus on optimizing your images and combining id and class rules.

Thank you for the insightful reply, RBarbour!. I found a link to a pretty informative explanation of best practices for CSS, which some forum readers might find useful. I love this stuff, even when I'm cursing.

[ediesinc]

Hi,

In the define_main_page.php and allowing categories on main page...everything is bunched to the left of the screen. I already went to template boxes controller and clicked all side boxes off ...still the same. Any idea?

[picaflor-azul]

Hi,

In the define_main_page.php and allowing categories on main page...everything is bunched to the left of the screen. I already went to template boxes controller and clicked all side boxes off ...still the same. Any idea?

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

Thanks,

Anne

[ediesinc]

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

Thanks,

Anne

nnyparts.com/store

[picaflor-azul]

nnyparts.com/store

Do you have both the left and right hand columns turned off in admin--configuration--layout settings?

Thanks,

Anne

[scottj]

I just logged in and added an item to the cart and did not see a problem. What browser are you using?



Thanks,

Anne

This is regards to the mega-menu getting messed up when logged in and adding an item to cart. The problem appears to only occur when using Chrome. Any ideas where to look? It's pretty minor but I'd still like to fix it. Chrome is a pretty popular browser.
Thanks!
Scott

www.bumboatonline.com

[AfterHouR]

How do I remove the social side bar

I tried adding

.sidebar{display:none;}

to the bottom of

stylesheet.css

the icons disappear but the box is still there