Joomla Templates Club 406,261 posts

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#202521

When any category other than the main category (i.e. sub-categories, etc) is selected in the Joomshopping menu-item, it scrambles the Fixel-layout.

How do I keep all categories with the Fixel layout functional?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#554692

Hi sobe,

Kindly check the settings of menu item these categories belong to and make sure that it’s assigned with ‘JA Fixel – Home’ template style

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#555291

Hi Saguaros,
Yes, the menu-item is assigned with the “ja_fixel – Home” template style.

This error is not hard to recreate. All one needs to do is select any category other than the main category (i.e. sub-categories, etc).

I’ve since updated the JoomShopping extension, yet the problem persists.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#555453

Hi sobe,

I just tried to change the menu item type to ‘JoomShopping – Products’ to display sub-category ID=9 and it’s showing fine. Kindly take a look.

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#555600

Hi Saguaros,
I’m not trying to display the products, but instead the categories, or to be more specific, sub-categories.

Is there a way to display sub-categories to look like the “All Categories” page.

As mentioned, whenever a sub-category is selected it loses the Fixel layout.

Thanks for helping out. Let me know if I can clarify.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#555772

You can try with my tweak as below:

– Go to backend settings of menu item of above page, navigate to Page Display tab and add a page class, for example, I called it ‘listcat’

– Open file: /templates/ja_fixel/css/custom.css and add this css rule:


.listcat .jshop_list_category .jshop_categ {
padding: 0;
}


[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#555908

Hi Saguaros,
That’s almost it! But not quite yet.

As you’ll note, the rectangles are now positioned correctly, but the content inside them doesn’t look like the Fixel layout.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#556052

You’re right. If you’re familiar with CSS code, you can customize it as you desired.

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#556204

Where can I find the CSS code used on the Fixel-layout for the Categories-menu item?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#556280

You can use Google chrome inspect element or Firebug for Firefox. What I usually do is set Compress CSS in Template manager to No, then hover on any HTML element (i.e. button, tag, text, …) you want and right click on it and then click on inspect element, it will show you which CSS class it is using and which CSS file and the path to this element on the right side. then you can go to the file and replace it with new CSS you change.

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#556303

Hi Saguaros,
Thanks for clarifying, but I’m still having difficulties knowing what to do.

1) Am I supposed to add the CSS code to the custom.css file?

2) What exactly am I supposed to add to the file to make it look like the regular functioning categories-menu item? (the ones found here)

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#556617

You can try with my tweak here:
– Download the attached file
– Unzip and replace the file: componentscom_jshoppingtemplatesfixelcategorycategory_default.php

---

Attachments:

1. category_default.zip

1 user says Thank You to Saguaros for this useful post

1. sobe

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#556865

That worked perfectly. Thank you!!

[Author]

Posts