Problem with Responsible Design in category view

[Surox]

Hello,
i am using the Helix3 Framework. When the display is set to a mobile resolution, the phoca gallery category view ist not responsive.
Example of this Problem:
http://tsv-berndorf.de/index.php/compon ... g?Itemid=0

Every is fine until the Main menu dissapears (it should appear at offcanvas but it doesnt).

Does somebody know how to solve this problem?

Kind regards

[Jan]

Hi, try to use Phoca Photo - which is fully responsive:
https://www.phoca.cz/phocaphoto
https://www.phoca.cz/joomla3demo/phoca-photo
https://www.phoca.cz/joomla3demo/phoca-p ... y/6-cities

Jan

[Surox]

Thank you for your quick help, this is what i need!


Kind regards

Jonas

[Jan]

Ok

[benergy]

Hi, try to use Phoca Photo - which is fully responsive:
https://www.phoca.cz/phocaphoto
https://www.phoca.cz/joomla3demo/phoca-photo
https://www.phoca.cz/joomla3demo/phoca-p ... y/6-cities
gold
Jan

Hi Jan is Phoca Photo fully responsive on mobile devices too?

[Jan]

Hi, there is "responsive design" and "not responsive design". If you use responsive design, it means, it will adjust the device users is using (PC, tablet, mobile phone, etc.) Phoca Photo is designed with Bootstrap 3 design which is responsive so it is displayed on mobile phones, see image of mobile phone displayed Phoca Photo category view:
https://www.phoca.cz/phocaphoto

Jan

[rbuelund]

Why do you not integrate the responsive phoca photo views in phoca gallery ??

[Jan]

Hi, just ask the conservative users. In past, I removed some parameters for obsolete design making (as CSS way was much more easier) but after a lot of users asked for return it back, it was set as obsolete parameters. There are many many users who use the standard design so this is why the alternative frontend view was made - Phoca Photo - this way the Phoca Gallery can be displayed more modern and simply way and the standard design will be not influenced by this.

So if someone wants to display images modern and simply way, the installation of Phoca Photo is easiest way which does not influence Phoca Gallery. The View is not influenced by many parameters of Phoca Gallery so it is loaded faster, etc.

Jan

[Krabtus]

Hallo Surox und Jan,

ich war lange verzweifelt auf der Suche nach eine Lösung um meine Phoca Gallery für mein Responsives Joomla Template zu optimieren. Ich wollte auch nicht eine zusätzliche Komponente einbinden. Ich hatte das Problem, das die Miniaturbilder auf dem Desktop Computer gerne mit einer Größe von 150 x 150 px gesehen hätte doch diese auf dem Smartphone zu groß waren das dort zwei nebeneinander dargestellt werden konnten. Da ich im Internet nichts finden konnte um das Problem zu beheben, und die meisten einfach meinten ich solle eine andere Komponente nutzen möchte ich euch meine Lösung hier jetzt nicht vorenthalten.

# Dieser Teil kommt wenn vorhanden in der custom.css im MEDIA QUERIES Bereich.

Code: Select all

img.pg-image {
height: auto;
width: 116px;
}
.pg-cv-box {
max-height: 113px;
max-width: 113px;
padding-left: 5pt;
padding-top: 5pt;
}

und im Verzeichnis media/com_phocagallery/css/main/ die CSS Datei phocagallery.css wie folgt ändern.

‪

Code: Select all

#‎phocagallery‬-pane .pg-box1, #phocagallery .pg-box1, .pg-box1 {
display: flex;
vertical-align: middle;
}
#phocagallery-pane .pg-box2, #phocagallery .pg-box2, .pg-box2 {
display: flex;
vertical-align: middle;
}

Ich weiß nicht ob es für das Problem vielleicht auch eine bessere Lösung gibt, konnte aber nichts finden. Es gibt sicherlich viele andere Fotogalerien die direkt responsive sind, doch ich wollte gerne bei der Gallery bleiben.

[Krabtus]

Hallo Jan,

warum ist eigentlich Photoswipe nicht in PhocaGallery integriert ?
http://photoswipe.com/