Page 1 of 2
Problem with Responsible Design in category view
Posted: 24 Jan 2016, 20:42
by 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
Re: Problem with Responsible Design in category view
Posted: 27 Jan 2016, 13:28
by Jan
Re: Problem with Responsible Design in category view
Posted: 28 Jan 2016, 17:03
by Surox
Thank you for your quick help, this is what i need!
Kind regards
Jonas
Re: Problem with Responsible Design in category view
Posted: 30 Jan 2016, 16:13
by Jan
Ok
Re: Problem with Responsible Design in category view
Posted: 27 Mar 2016, 12:06
by benergy
Hi Jan is Phoca Photo fully responsive on mobile devices too?
Re: Problem with Responsible Design in category view
Posted: 31 Mar 2016, 15:05
by 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
Re: Problem with Responsible Design in category view
Posted: 04 Apr 2016, 21:33
by rbuelund
Why do you not integrate the responsive phoca photo views in phoca gallery ??
Re: Problem with Responsible Design in category view
Posted: 07 Apr 2016, 18:41
by 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
Re: Problem with Responsible Design in category view
Posted: 08 Apr 2016, 00:44
by 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.
Re: Problem with Responsible Design in category view
Posted: 08 Apr 2016, 00:50
by Krabtus
Hallo Jan,
warum ist eigentlich Photoswipe nicht in PhocaGallery integriert ?
http://photoswipe.com/