Category Lister

From i.STAR Help

[edit]

Category Lister Navigation

Display Brands Dropdown for all pages (all brands) 

<isdata source="IStarDataSources.CategoryLister" mfgOutput="1" prefix="'brands'">

	<select id="manufacturerSelect" onChange="go()">
		<option value=''>--- Select ---</option>							
		<isloop name="$brands_manufacturers">
		<option value="<isvar name="$mfgBrowseURL">"><isvar name="$mfgName"></option>
		</isloop>
	</select>

Display Brands Dropdown for Browse page (brands in the Dept only) 

<isdata source="IStarDataSources.CategoryLister" forceClass="1" forceSubclass="1" deptMfgOutput="1" prefix="'brands'">
								
<select id="manufacturerSelect" onChange="go()">
	<option value=''>--- Select Brand ---</option>
	<isloop name="$brands_deptManufacturers">
	<option value="<isvar name="$mfgBrowseURL">"><isvar name="$mfgName"></option>
	</isloop>
</select>

Category lister to display all departments, then if department selected all classes in that department, then if class selected all subclasses in that class (css to be applied as desired): 

<isdata source="istardatasources.categorylister" forceDept="1" prefix="'global'">
	<ul>
		<isloop name="$global_departments">
			<li class="istar">
				<isif name="$deptSelected">
					<a href="<isvar name="$deptBrowseURL">"><b><isvar name="$deptName"></b></a><br />
					<isloop name="$classes">
					<li><a style="margin-left: 13px;" href="<isvar name="$classBrowseURL">"><isvar name="$classname"></a></li>
						<isif name="$classSelected">
							<isloop name="$subclasses">
								<li><a style="margin-left: 20px;" href="<isvar name="$subclassBrowseURL">">&raquo;&nbsp;<isvar name="$subclassname"></a></li>
							</isloop>
						</iselse>
							
						</isif>
					</isloop>
				<iselse>
					<a href="<isvar name="$deptBrowseURL">"><isvar name="$deptName"></a>
				</isif>
			</li>
		</isloop>
	</ul>

Category lister to display both classes and subclasses when a department is selected (css to be applied as desired): 

<isdata source="IStarDataSources.CategoryLister" forcedept="1" forceClass="1" forcesubClass="1"  prefix="'listAll'">
<isloop name="$listAll_departments">
<a href="<isvar name="$deptBrowseURL">"><b><isvar name="$deptName"></b></a><br />

		<!--   display classes   -->
		<!--   check if department we just output is selected   -->
		<isif name="$deptSelected">
		<isloop name="$classes">
			<a href="<isvar name="$classBrowseURL">" style="margin-left: 10px;" ><isvar name="$className"></a><br />
	
				<!--   display subclasses   -->
				<!--   check if class we just output is the selected class   -->
				<isloop name="$subclasses">
				<a href="<isvar name="$subclassBrowseURL">" style="margin-left: 15px;">&raquo;<isvar name="$subclassName"></a><br />
				</isloop>

		</isloop>
		</isif>
</isloop>

Category lister for listing departments in specific order (not alphabetic) in which case the code below would need to be inserted for each department, and the department code specified. Departments will not update dynamically in this case, only the classes and subclasses will. (css to be applied as desired) 

<isexpr expr="$deptCode = 'DEPTCODEGOESHERE'">
<isexpr expr="$deptName = 'DEPTCODEGOESHERE'">
	<div>
		<a href="/istar.asp?a=3&dept=<isvar name="$deptCode">"><isvar name="$deptName"></a>
	</div>
		<isif expr="$deptCode == $selecteddeptcode">
		<isdata source="IStarDataSources.CategoryLister" forceClass="1" prefix="'wsnav'" dept="$deptCode">
		<!--   display classes   -->
		<!--   check if department we just output is selected   -->
		<isloop name="$wsnav_classes">
			<div>
			<span><a style="padding-left:8px;" href="<isvar name="$classBrowseURL">"><isvar name="$className"></a></span>
			</div>
	
				<!--   display subclasses   -->
				<!--   check if class we just output is the selected class   -->
				<isif name="$classSelected">
				<isloop name="$subclasses">
					<div>
					<span><a style="padding-left:15px;" href="<isvar name="$subclassBrowseURL">">•<isvar name="$subclassName"></a></span>
					</div>
				</isloop>
				</isif>
		</isloop>
		</isif>
[edit]

Category Lister All Manufacturers

The code below can be used to display a list of all manufacturers broken up in three columns, in the content area. 

<isdata source="IStarDataSources.CategoryLister" mfgOutput="1">
	<table class="istar">
		<tr>
			<td>
				<isexpr expr="$counter = 0">
				<isloop name="$manufacturers">
					<div style="padding: 1px; line-height:1.2;" class="manuftext">
						<a href="<isvar name="$mfgBrowseURL">"><isvar name="$mfgName"></a>
					</div>
				<isexpr expr="$counter = $counter + 1">
				<isif expr="$counter > $_loopcount_ / 3">
			</td>
			<td>
				<isexpr expr="$counter = 0">
				</isif>
				</isloop>
			</td>
		</tr>
	</table>
Retrieved from "http://manual.istarhelp.com/wiki/index.php/Category_Lister"