Joomla Templates Club 406,261 posts

[Rick Bisschop Friend Rick BisschopJoin date: September 2014Posts: 120Downloads:0Uploads:47 Thanks: 31 Thanked: 9 times in 1 posts]

#173584

Hi all,

I would like to know if it’s possible to add “categories” to the main top menu (see screenshot).
When clicked on a “catergory” it displays only products of that category same for the left menu.

If this is possible please some tips or help how to do this.

Thanks in advance,

Rain

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437106

Rain,

This is easy to do. Go into Component/JoomShopping/Categories and note the ID of the categories you want to have in the menu. (Far right of the categories table)

Go to Menu Manager and when you create a new menu item, choose JoomShopping/Shop. In Required Settings on the right Show should be set to Category and then you input the category ID number you noted earlier.

Make sure it is published and save.

Swissa

1 user says Thank You to swissa for this useful post

1. Rick Bisschop

[Rick Bisschop Friend Rick BisschopJoin date: September 2014Posts: 120Downloads:0Uploads:47 Thanks: 31 Thanked: 9 times in 1 posts]

#437224

Thanks again Swissa,

It works as suggested, but it’s only one part of it.

The category menu on the left should only show the selected category and its directories

I think this isn’t possible out of the box do I need to create a new “mod_jshopping_single_category” where I am able to select one category on it’s ID number or do I think to complicated…

If I am asking too much here I will post it as a new question,

Grtx Rain…

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437231

<em>@raincheck 299136 wrote:</em><blockquote>Thanks again Swissa,

It works as suggested, but it’s only one part of it.

The category menu on the left should only show the selected category and its directories

I think this isn’t possible out of the box do I need to create a new “mod_jshopping_single_category” where I am able to select one category on it’s ID number or do I think to complicated…

If I am asking too much here I will post it as a new question,

Grtx Rain…</blockquote>

Hi Rain,

I think I understand what you want to do. In effect another menu on the left but only with the current menu item and it’s sub menus/categories? Is that right?

You would need to build a new module and I think it would be hard with getting the right ID from JS.

Not sure I understand your reasoning in wanting to do it this way. It would make navigation for the user very hard and could increase your bounce out rate greatly. How for example, do they get back to the last category or a higher one? Always through the mega menu top item?

You may be better to add sub menus to the main menu item on the top mega menu i.e add depth to the menu. You can get all sub category IDs from JS so that isn’t a problem and it would make it far easier for the user to navigate around the shop.

Does that make sense or have I not been very clear?

1 user says Thank You to swissa for this useful post

1. Rick Bisschop

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437239

I mean like this Rain…

---

Attachments:

1. 

1 user says Thank You to swissa for this useful post

1. Rick Bisschop

[Rick Bisschop Friend Rick BisschopJoin date: September 2014Posts: 120Downloads:0Uploads:47 Thanks: 31 Thanked: 9 times in 1 posts]

#437240

Swissa,

Now I think of it, it makes sense what your saying! It over complicates things too much…

If you dont mind can I ask you one more question:

I would like a bit more space between the end of a category and the beginning of an other in the left menu (see screenshot)

Where can I find the css for this…

Again thanks for your time.

Grtx Rick ..

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437243

<em>@raincheck 299152 wrote:</em><blockquote>Swissa,

Now I think of it, it makes sense what your saying! It over complicates things too much…

If you dont mind can I ask you one more question:

I would like a bit more space between the end of a category and the beginning of an other in the left menu (see screenshot)

Where can I find the css for this…

Again thanks for your time.

Grtx Rick ..</blockquote>

No problems. Have a beer in front of me so 😎 😉

I think you want components/com_jshopping/css/ja_tiris.css @ line 696.

.jshop_menu_level_0, .jshop_menu_level_0_a {

• margin-bottom: 8px;
• overflow: hidden;

}

Play with the 8px until you are happy; e.g. 20px is too big and looks ugly for me. I don’t have sub menus here so if you PM your url I can check on the second level too.

1 user says Thank You to swissa for this useful post

1. Rick Bisschop

[Rick Bisschop Friend Rick BisschopJoin date: September 2014Posts: 120Downloads:0Uploads:47 Thanks: 31 Thanked: 9 times in 1 posts]

#437247

Cheers,

I would have a pint of guinness 🙂

I’ll give it a go and will sort it now I know where to find it…

Much appreciated Swissa.

Ps. working on my localhost and don’t have port 80 open so cant sent the url.

1 user says Thank You to Rick Bisschop for this useful post

1. swissa

[Rick Bisschop Friend Rick BisschopJoin date: September 2014Posts: 120Downloads:0Uploads:47 Thanks: 31 Thanked: 9 times in 1 posts]

#437252

Swissa,

For future references


/* Categories menu --- */
.jshop_menu_level_0, .jshop_menu_level_0_a {
margin-bottom: 6px;
margin-top: 12px; /* added margin-top to get what I wanted
overflow: hidden;
}

Grtx Rain…

---

Attachments:

1. 

1 user says Thank You to Rick Bisschop for this useful post

1. swissa

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#437256

<em>@raincheck 299166 wrote:</em><blockquote>Swissa,

For future references


/* Categories menu --- */
.jshop_menu_level_0, .jshop_menu_level_0_a {
margin-bottom: 6px;
margin-top: 12px; /* added margin-top to get what I wanted
overflow: hidden;
}

Grtx Rain…</blockquote>

Cool. Well done Rick! Now you’ve earned that Guinness!! 😀

[Author]

Posts