Post by OC2PS » Sat May 19, 2012 6:35 am

If you find the default theme limiting in terms of being able to style at a granular level, consider adding this extension.

This is a micro-targeted extension, and focuses solely on category module.

After installing this module, you will see that your category list will have a lot more class, e.g.
<li class="category-menu category-id-133">
<li class="category-menu category-id-38 current">
<li class="category-menu category-id-80 subcategory">
<li class="category-menu category-id-80 subcategory current">

What this means is that:
1. When creating menus, often UI designers and usability guys want the active menu item to look different from others. This is not possible in default theme, but with this module, this becomes possible.
2. Because each menu item consists a class carrying its category ID, therefore, you can style specific categories in specific ways.
e.g.
- You can have Eco products category Green, or Summer Products category Yellow, or Watersports category Blue in the category menu/list
- You could put icons alongside specific categories. e.g. "New" or "Sale" icon in Energy Drinks category, or a surfboard icon in Surfboards category, etc.

The point is that this extension provides a great deal of granular control for styling to you.

Because this is a vQmod, no core files are touched, and the changes should carry over to the next version.

Extension page: http://www.opencart.com/index.php?route ... on_id=6500

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by zeek333 » Wed Jul 25, 2012 8:01 pm

Hi
is it possible to make top category menu with images something like here http://www.adagio.uk.com

if it is could u give me some guidence how can i use ur ext. to do it please.

is there any differnt way to find out what category ID i have rather than clicking on each categry on my web

Newbie

Posts

Joined
Tue Nov 09, 2010 9:29 pm

Post by OC2PS » Wed Jul 25, 2012 8:06 pm

zeek333 wrote:is it possible to make top category menu with images something like here http://www.adagio.uk.com
Absolutely. But not with this extension. This extension is written specifically for the category module. Top menu us a different cup of tea...maybe I'll write an extension for that in a week or so...
zeek333 wrote:is there any differnt way to find out what category ID i have rather than clicking on each categry on my web
If you use Firefox, then install Firebug add-on. You will be able to see the category tagging with Firebug.

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by zeek333 » Thu Jul 26, 2012 1:05 am

thnx for quick replay.

may be u know what extension should i use in my situtation google not my friend in this case ??? closet i could find was this one.

Newbie

Posts

Joined
Tue Nov 09, 2010 9:29 pm

Post by dines_anan » Sat Jul 28, 2012 9:43 pm

Hi, I just installed this and its not working. Please let me know what i may be doing wrong. Is there a manual steps to get this done steed of using QMod?

Newbie

Posts

Joined
Sat Jul 28, 2012 9:37 pm

Post by OC2PS » Mon Jul 30, 2012 9:38 pm

dines_anan wrote:just installed this and its not working
Can you share a link?

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by ForgetfulGuru » Sun Aug 05, 2012 10:10 pm

Perhaps you could show us a section of the style sheet that would cover this very fantastic mod, Please.
Just to give anyone interested an idea where to start in modifying their own. :)

Life is for the taking. It's everything else you need to pay for.
Anne Makes Lovely Candles


User avatar
New member

Posts

Joined
Sun Jul 22, 2012 11:12 pm
Location - Left hand corner as you enter the room, better feng shui.

Post by ForgetfulGuru » Sun Aug 05, 2012 10:40 pm

Sorry I should have thought about that last post.
Don't ask other to do something when it's just as easy to do it one's self.

Here is a snippet of css for the folks that need it.

Code: Select all

.category-menu {
font-size: 0.875em;
font-weight: bold;
color: #3C2558;
line-height: 0.875em;
text-decoration: none;
display: block;
padding: 6px;
margin-bottom: 2px;
 border-radius : 5px 5px 5px 5px;
}
.category-menu  .current a.active{
background : #C9C6A3;
 border-radius : 5px 5px 5px 5px;
 color: #645f1f;
 padding: 6px;
 margin-bottom: 2px;
 font-weight: bold;
 }
 .category-menu .subcategory{
 border-radius : 5px 5px 5px 5px;
 padding: 6px;
 margin-bottom: 2px;
 }
 .category-menu .subcategory  .current{
 background : #C9C6A3;
 border-radius : 5px 5px 5px 5px;
  color: #efede0;
 padding: 6px;
 margin-bottom: 2px;
 }

Life is for the taking. It's everything else you need to pay for.
Anne Makes Lovely Candles


User avatar
New member

Posts

Joined
Sun Jul 22, 2012 11:12 pm
Location - Left hand corner as you enter the room, better feng shui.

Post by tigerton » Tue Aug 14, 2012 10:38 pm

Hi!

Can't seem to get this to work either.. Is there any other step I need to make in order to change the theme to a custom except to change this line

Code: Select all

<file name="catalog/view/theme/default/template/module/category.tpl">
to in my example

Code: Select all

<file name="catalog/view/theme/boomwatches/template/module/category.tpl">

Newbie

Posts

Joined
Fri Mar 19, 2010 3:36 pm

Post by OC2PS » Wed Aug 15, 2012 3:02 pm

tigerton wrote:to change the theme to a custom
Every theme is different. Otherwise, I would just have made a universal, theme-independent extension.

If you need me to do paid customization, please PM me.

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by mhamrich » Thu Dec 06, 2012 7:29 am

Hello,
I install in public_html/yahdayahda.zom/vqmod/xml
When I inspect the catagory element it shows no extra class selector tags being generated to allow me to parse in custom css
Example
<li>
<a href="http://yahdayahda.zom/index.php?route=p ... >Barricade & Marking Products</a>
</li>
<li>""</li>
<li>""</li>
<li>""</li>

OpenCart 1.5.4 and Vqmod 2.16 (2.2.1) stopped the site

Any ideas? I know you testes with 1.5.2OC Do I have to add

Newbie

Posts

Joined
Sun Nov 18, 2012 10:14 am

Post by OC2PS » Tue Dec 11, 2012 2:41 am

mhamrich wrote:When I inspect the catagory element it shows no extra class selector tags
You are probably not using the Default theme.

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by ontherock » Sun Apr 13, 2014 1:21 am

Hello please is possible to make modification of your script for adding class/id for li list placed in div#content (not in left column) ?:

<div id="content">
<div class="breadcrumb">
<h1>...</h1>
<h2>....</h2>
<div class="category-list">
<ul>
<li id="some_unique_identifier">
<a href="...">....</a>
</li>
<li>
<li>
</ul>

Thanks for answer.

Newbie

Posts

Joined
Sun Apr 13, 2014 1:15 am
Who is online

Users browsing this forum: No registered users and 4 guests