Number of Columns in Category View?

[jimbrooking]

I have recently upgraded my personal website to Joomla 3.4:

System Information
Setting Value

PHP Built On Linux host145.hostmonster.com 3.12.49-35.ELK6.x86_64 #1 SMP Fri Oct 9 18:26:47 CDT 2015 x86_64
Database Version 5.5.42-37.1-log
Database Collation utf8_general_ci
PHP Version 5.6.17
Web Server Apache
WebServer to PHP Interface cgi-fcgi
Joomla! Version Joomla! 3.4.8 Stable [ Ember ] 24-December-2015 19:30 GMT
Joomla! Platform Version Joomla Platform 13.1.0 Stable [ Curiosity ] 24-Apr-2013 00:00 GMT
User Agent Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.116 Safari/537.36

The Phoca Gallery version is 4.2.2.

My problem is that when I open a particular category view, the thumbnails are shown in a single column when, in fact, there is plenty of room for several columns. I have seen references on the Forum for "Number of Columns in Category View" but I can not seem to find that particular setting in the "Settings" view's "Category View" tab.

A page exhibiting the problem is: http://www.jimbrooking.net/index.php/ph ... 2013-05-11

Any assistance will be appreciated.

[christine]

Hi,

It seems that you are using: Categories View - Legacy Settings? Then you have to set number of columns.

Kind regards, Christine

[jimbrooking]

Thank you Christine.

I have no need or desire to use Legacy Settings. Is there a way to not use this/these? If I don't use Legacy Settings, can I set the Category View to a number of columns, or will it know to do a horizontal layout?

Thanks again,
Jim

[christine]

Hi Jim,

The reason for asking was, if you are using legacy seetings is, because I see some tables inside of codes.

Have a look also to: https://www.phoca.cz/documents/2-phoca-g ... e-joomla-3

Check also please: Components > Phocagallery > Themes > Edit CSS Files > as I'm missing CSSfiles, when checking your URL, such as:
phocagallery.css, rating.css, default.css.
Are they as published actived in backend?

Kind regards, Christine

[jimbrooking]

Tried to upload an image of the Edit CSS files screen, but don't see that capability in this forum. Bootstrap.min, Rating, PhocaGallery and Default show with a green tag "File Exists". The first three have a tag of "Main. All are published.

I saw the link you posted - documentation of the Options settings. Had seen that (or similar) before.

I mentioned that I'd recently upgraded from a Joomla 2.5 version to Joomla 3.4. Could there by remnants of the 2.5 Phoca Gallery still around?

As for tables, I don't know what to say. I don't see any <table> markup in the source for the page I referenced in my initial post. The thumbnails and associated name or caption (truncated as specified to 15 characters) appear within nested <div>'s as they might be if the <div id="phocagallery"> was acting as a <ul> and the four <div class="pg-cv-box item"> were like <li>'s.

I have not modified Phoca-generated code in the least on my site, although I have designed and built other sites which heavily use PHP, Javascript, MySQL, SQL, AJAX and the rest. My personal site is as "vanilla" as I can make it, as I don't want to spend a lot of development hours - just using components like Phoca Gallery as they are "out of the box".

Thanks,
Jim

[Jan]

Hi, see: forum-rules.php for adding images in this forum (uses external service like imgur is).

On your site, I don't see any loaded CSS from Phoca Gallery, so maybe this is the reason. Try to go to administration of Phoca Gallery and see Styles - check if main CSS files are allowed to load (published)

Jan

[jimbrooking]

Hi Jan,

Thanks for your reply. I believe all the necessary CSS files are available and published. Please see the screen shot at
http://www.jimbrooking.net/phoca_css.jpg

Jim

[Jan]

Hi, I see them on the screenshot but when I look at the source code of your site, there is no one loaded Only tree CSS files are loaded on the page. What happen when you switch to another template?

Jan

[jimbrooking]

Well, I am using the Joomla Prostar template, unmodified. I changed to Beez5 and the same effect happened: one thumbnail per line.

I did try playing with the CSS in Firefox/Firebug. I added to the CSS for class pg-cv-box:

Code: Select all

display: inline-block;
overflow: hidden;

and the thumbnails are placed side-by-side as they should be. I don't really want to start modifying CSS if I can get the proper CSS to load. But I wonder if the CSS is getting loaded inline - I see on line 38 of this page

http://www.jimbrooking.net/index.php/ph ... 2013-05-08

that there is some apparent Phoca CSS - maybe Phoca Gallery is putting CSS inline instead of using

Code: Select all

$document->addStyleSheet() 

as recommended here:

https://docs.joomla.org/J3.x:Adding_Jav ... o_the_page

[christine]

Hi,

a) checked again. CSS of PG are definitely not loaded:

<link href="/templates/protostar/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />
<link rel="stylesheet" href="/templates/protostar/css/template.css" type="text/css" />
<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/media/system/js/core.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
<script src="/media/system/js/modal.js" type="text/javascript"></script>
<script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>
<script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
<script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
<script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/templates/protostar/js/template.js" type="text/javascript"></script>

b) you should (also) make a copy of the Protostar (rename), otherwise all amendments are overriden after core-update.
This is just an additional info.

c) back to your CSS. Please have a look to your folders (FTP):

A)
root/media/com_phocagallery >CSS > custom > default.css
/media/com_phocagallery > CSS > main > bootstrap.min / phocagallery.css / rating.css

if: folder "media" exists.

B)
root/administrator > components > com_phocagallery > phocagallery.xml
if the folder "media" exist:

<media destination="com_phocagallery" folder="media">
<filename>index.html</filename>
<folder>css</folder>
<folder>images</folder>
<folder>js</folder>
</media>

I added temporary to your gallery missing CSS and it works. See screenshot.



Kind regards, Christine