Coder Social home page Coder Social logo

vertnav's Introduction

Vertical Navigation with CSS Classes

Vertical Category Navigation with subcategories, fine css classes and backend configuration.

<p>With this extension you're able to design you own vertical category navigation with subcategories and product count display. Each element has a fine css'ing so you can address each element or group exactly including "first" and "last" element per group and "previos", "active" and "next" child.</p>
<p>By default the module removes the top.navigation via XML-Update and places the vertical nav in "left" structural block.</p>
<p>Several options can be controlled in your AdminPanel under <strong>system -> configuration -> catalog</strong> as per StoreView:</p>
<ul>
<li>Hide Vertical Navigation (yes/no)</li>
<li>Hide Top Navigation (yes/no)</li>
<li>Display Product Count (yes/no)</li>
<li>Expand on Top Level (yes/no)</li>
<li>Expand all categories (yes/no</li>
<li>Expand all max depth (number)</li>
<li>Root Categories (Store base, current Category, Same Level as current Category, Category Level 2, Category Level 3)</li>
<li>Fallback to store base (yes/no)</li>
</ul>
<p>You should modify the vertnav.css-file in your skin folder to fit your needs. (Please note: do not change the base/default skin file! The delivered CSS file is for showcase purposes only!)</p>

<h2>Credits</h2>
<p>Rico Neitzel, Vinai Kopp, Raúl Fishman</p>

<h2>Change Log</h2>
<ul>
<li><strong>v0.4.3:</strong> Added 'empty' CSS class for categories without products (Thanks Sija via GitHub)</li>
<li><strong>v0.4.2:</strong> Added Portuguese Locale (Thanks Raúl Fishman)</li>
<li><strong>v0.4.1:</strong> Added Feature <strong>Disable on StoreView Base</strong></li>
<li><strong>v0.4.0:</strong> Added Feature <strong>Expand on Top Level Request:</strong> If a product is requested without categories in the URL vert nav can figure out the first assigned category and expands the category tree.</li>
<li><strong>v0.2.8:</strong> Enable/Disable TopNav in Admin-Config - now without changing XML-Files. Define which Levels should be shown on storefront.</li>
<li><strong>v0.2.3:</strong> You can now setup whether VertNav should show EVERYTHING (nice for jQuery) or just a few levels in the category tree.</li>
<li><strong>v0.2.1:</strong> <strong>New CSS Classes:</strong> levelN-active, levelN-inactive oder levelN-parent (where N is 0, 1, 2...)</li>
<li><strong>v0.1.9:</strong> Category names with accents are possible now. Thanks to Netzarbeiter Vinai Kopp for Coding!</li>
</ul>

vertnav's People

Contributors

vinai avatar riconeitzel avatar sija avatar

Stargazers

Bryan "BJ" Hoffpauir avatar Jennifer avatar

Watchers

Jennifer avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.