Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Problem styling J2Store Categories module under Helix3 template

Featured Lock Resolved Issue
Hello!

We developed our site using Helix3 template together with SPPB. We also use J2Store extension.

We noticed that you also use this extension in your Shopin template.

We had several styling problems with J2Store but until this one we were able to solve them. However now this is beyond our powers:

We use J2Store Categories module for displaying the sub categories of different products categories. The problem we have is that the columns have not the same width. The columns' widths depend on the category picture size (its width actually) and the length of the categories' name.

In other words, if the category's name is short the column width is that one of the picture. The picture is not resized so the colum should have the same width with the others.

If the category name is long and consists of several words, these words do not wrap so there is just a long line. Because of this the picture is resized and the column gets very wide.

Please have a look here: https://www.j30.barcodetech.ro/imprimante-termice-sppb (a page built with SPPB) or here: https://www.j30.barcodetech.ro/imprimante-termice (a "normal" Joomla page which is loading the module with loadmodule).

We created a class in custom.css and tried to use "table-layout: fixed;" and/or "word-wrap:break-word;" or "word-break:break-word;" but we had no chance. We have tried using "!important;" but this didn't help either. For testing purposes we added a red border through the class and this is working.

The module works correctly, we saw it on J2Store demo site. We even "extended" the name of a category (we "inspected" the page with Chrome and altered the name of the category) and the words wrapped so the width of the column didn't change. Please have a look at the attached file.

Bottom line: please have a look at this and tell us what are we doing wrong and what/where should we change.

Thank you so much,

Catalin

1 Answers

Please login to view replies.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 158
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 108
Toufiq

Toufiq

Total Accepted Answers: 51
Pavel

Pavel

Total Accepted Answers: 7
Tabassum

Tabassum

Total Accepted Answers: 5

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us