Navigation Tags
  • 31 Mar 2023
  • 1 Minute to read
  • Dark
    Light
  • PDF

Navigation Tags

  • Dark
    Light
  • PDF

Article summary

v65:navPrice

<v65:navPrice></v65:navPrice>

Description: Primarily for wine stores who want a way to filter products by price range.

HTML Source Output:

<div id="v65-navPrice">
   <span id="v65-navPriceTitle">Price</span>
   <ul>
      <li><a href="/index.cfm?method=pages.showPage&pageID=&lowPrice=0&highPrice=20">$20 and below</a>  <span class="v65-productCount">(21)</span></li>
      <li><a href="/index.cfm?method=pages.showPage&pageID=&lowPrice=20&highPrice=40">$20-$40</a> <span class="v65-productCount">(14)</span></li>
      <li><a href="/index.cfm?method=pages.showPage&pageID=&lowPrice=40&highPrice=80">$40-$80</a> <span class="v65-productCount">(37)</span></li>
      <li><a href="/index.cfm?method=pages.showPage&pageID=&lowPrice=80&highPrice=10000">$80 and above</a> <span class="v65-productCount">(31)</span></li>
   </ul>
</div>

Base CSS from vin65.css:

#v65-navPrice
#v65-navPriceTitle
.v65-productCount

Resource Bundle Elements:
PriceMenu
ResetLink


v65:navtypeVarietal

<v65:navtypeVarietal></v65:navtypeVarietal>

Description: Primarily for wine stores who want a way to filter products by Type and Varietal.

HTML Source Output:

<div id="v65-navTypeVarietal">
   <span id="v65-navTypeVarietalTitle">Type/Varietal</span>
   <ul>
     <li><a href="/index.cfm?method=pages.showPage&pageID=&wineTypeID=">Dessert</a> <span class="v65-productCount">(4)</span></li>
     <li><a href="/index.cfm?method=pages.showPage&pageID=&wineTypeID=">Sparkling</a> <span class="v65-productCount">(7)</span></li>
     <li><a href="/index.cfm?method=pages.showPage&pageID=&wineTypeID=">Red</a> <span class="v65-productCount">(460)</span></li>
     <li><a href="/index.cfm?method=pages.showPage&pageID=&wineTypeID=">White</a> <span class="v65-productCount">(141)</span></li>
     <li><a href="/index.cfm?method=pages.showPage&pageID=&wineTypeID=">Rose</a> <span class="v65-productCount">(7)</span></li>
   </ul>
</div>

Base CSS from vin65.css:

#v65-navTypeVarietal
#v65-navTypeVarietalTitle
.v65-productCount

Resource Bundle Elements:
TypeMenu
ResetLink


v65:navRegionAppellation

<v65:navRegionAppellation></v65:navRegionAppellation>

Description: Primarily for wine stores who want a way to filter products by Region and Appellation.

HTML Source Output:

<div id="v65-navRegionAppellation">
   <span id="v65-navRegionAppellationTitle">Region</span>
     <ul>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&wineRegionID=">California</a> <span class="v65-productCount">(525)</span></li>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&wineRegionID=">Australia</a> <span class="v65-productCount">(16)</span></li>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&wineRegionID=">Italy</a> <span class="v65-productCount">(23)</span></li>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&wineRegionID=">Argentina</a> <span class="v65-productCount">(6)</span></li>
   </ul>
</div>

Base CSS from vin65.css:

#v65-navTypeVarietal
#v65-navTypeVarietalTitle
.v65-productCount

Resource Bundle Elements:
RegionMenu
ResetLink


v65:navBrand

<v65:navBrand></v65:navBrand>

Description: Primarily for wine stores that want a way to filter products by brand.

HTML Source Output

<div id="v65-navBrand">
   <span id="v65-navBrandTitle">Brand</span>
     <ul>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&productBrandID=">Arista</a> <span class="v65-productCount">(9)</span></li>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&productBrandID=">Blackbird</a> <span class="v65-productCount">(25)</span></li>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&productBrandID=">Burgess</a> <span class="v65-productCount">(1)</span></li>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&productBrandID=">Chanson</a> <span class="v65-productCount">(4)</span></li>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&productBrandID=">Chapoutier</a> <span class="v65-productCount">(1)</span></li>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&productBrandID=">Chappellet</a> <span class="v65-productCount">(1)</span></li>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&productBrandID=">Chimney Rock</a> <span class="v65-productCount">(4)</span></li>
       <li><a href="/index.cfm?method=pages.showPage&pageID=&productBrandID=">Clark-Claudon</a> <span class="v65-productCount">(16)</span></li>
    </ul>
</div>

Base CSS from vin65.css:

#v65-navBrand
#v65-navBrandTitle
.v65-productCount

Resource Bundle Elements:
BrandMenu
ResetLink


v65:navVintage

<v65:navVintage></v65:navVintage>

Description: Primarily for wine stores who want a way to filter products by vintage.

HTML Source Output:

<div id="v65-navVintage">
   <span id="v65-navVintageTitle">Vintage</span>
     <ul>
         <li><a href="/index.cfm?method=pages.showPage&pageID=&vintage=2006">2006</a> <span class="v65-productCount">(17)</span></li>
         <li><a href="/index.cfm?method=pages.showPage&pageID=&vintage=2007">2007</a> <span class="v65-productCount">(25)</span></li>
         <li><a href="/index.cfm?method=pages.showPage&pageID=&vintage=2008">2008</a> <span class="v65-productCount">(11)</span></li>
         <li><a href="/index.cfm?method=pages.showPage&pageID=&vintage=2009">2009</a> <span class="v65-productCount">(4)</span></li>
    </ul>
</div>

Base CSS from vin65.css:

#v65-navVintage
#v65-navVintageTitle
.v65-productCount

Resource Bundle Elements:
VintageMenu
ResetLink


v65:productFilter

<v65:productFilter></v65:productFilter>

Description: Primarily for wine stores, this tag offers a way for stores to generate a breadcrumb nav of the filters applied and remove them easily to refine their search.

HTML Source Output:

<div id="v65-productFilter">
   <div id="v65-productFilterPrecursor">Filters:</div>
     <ul>
        <li><a href="/index.cfm?method=pages.showPage&pageID=">United States</a></li>
        <li><a href="/index.cfm?method=pages.showPage&pageID=">Russian River Valley</a></li>
        <li><a href="/index.cfm?method=pages.showPage&pageID=">Red</a></li>
     </ul>
</div>

Base CSS from vin65.css:

#v65-productFilter
#v65-productFilterPrecursor
#v65-productFilter ul
#v65-productFilter ul li
#v65-productFilter ul li a 

Resource Bundle Elements:
ProductFilters


Was this article helpful?