Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Tabbed Category Box


PupStar

Recommended Posts

I have combined the category and manufacturers boxes with a tabbed display.

 

I am however not entirely satisfied with the tabs/box header and have been fiddling with it for quite a while now and can not achieve a decent look.]

 

The code is

 

$data = '<div id="tabs_box" style="padding: 0px;">' .
	 '<ul>' .
		 '<li><div class="ui-widget infoBoxHeading"><a href="#tabs-1">' . MODULE_BOXES_CATEGORIES_BOX_TITLE . '</a></div></li>' .
		 '<li><div class="ui-widget infoBoxHeading"><a href="#tabs-2">' . MODULE_BOXES_MANUFACTURERS_BOX_TITLE . '</a></div></li>' .
	 '</ul>' .
	 '<div class="ui-widget-content-cat ui-corner-bottom infoBoxContainer" id="tabs-1">' .
	 '' . $categories_string . '' .
	 '</div>' .
	 '<div class="infoBoxContainer" id="tabs-2">' .
	 '' . $manufacturers_content . '' .
	 '</div>' .
	 '</div>' .
	 '<script>' .
	 ' $(function(){' .
	 '		 $("#tabs_box").tabs();' .
	 ' });' .
	 '</script>';
 return $data;
}

 

I have attached screenshots of how it looks.

 

Can I throw this open to suggestions / improvements please guys.

 

Thanks

 

Mark

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...