Gallery Insanity or I'm missing something?

Hi team,

After a looong template research I opted for Quark template, big factor being the nice and sleek photoswipe gallery but unless I'm missing something here it is an ultra impractical approach aimed for developers, webdesigners and users with time, patience and knowledge?

How can a lay person, in this case a bussy lady photographer without technichal expertise wanting to add images to her portfolio on a daily basis possibly use it if everything seems to be done manually/via code view?

I'll stop here for now, hoping that I'm missing something and you'll show me some light...

Hi Arcolive!

I am also a photographer, i can say the photoswipe is great!! But, setting up cost time but if you know how and you can work with photoshop is really easy!

I have posted a workaround in another topic.

First you will need a module with: just copy paste

Code: Select all

<div class="gkPage">
<div class="gk-cols gk-gallery" data-cols="3">
<div>
<a data-order="1" href="images/demo/gallery/image1.jpg" data-size="1280x1280" data-title="" data-desc=""><img src="images/demo/gallery/thumb1.jpg" height="334" width="334" alt="Thumbnail I" /></a>
<a data-order="4" href="images/demo/gallery/image2.jpg" data-size="1280x853" data-title="" data-desc=""><img src="images/demo/gallery/thumb2.jpg" height="224" width="335" alt="Thumbnail II" /></a>
<a data-order="7" href="images/demo/gallery/image3.jpg" data-size="1164x872" data-title="" data-desc=""><img src="images/demo/gallery/thumb3.jpg" height="251" width="335" alt="Thumbnail III" /></a>
<a data-order="10" href="images/demo/gallery/image4.jpg" data-size="1280x853" data-title="" data-desc=""><img src="images/demo/gallery/thumb4.jpg" height="224" width="335" alt="Thumbnail IV" /></a>
<a data-order="13" href="images/demo/gallery/image5.jpg" data-size="852x1280" data-title="" data-desc=""><img src="images/demo/gallery/thumb5.jpg" height="504" width="335" alt="Thumbnail V" /></a>
</div>
<div>
<a data-order="2" href="images/demo/gallery/image6.jpg" data-size="853x1280" data-title="Photography art" data-desc=""><img src="images/demo/gallery/thumb6.jpg" height="457" width="305" alt="Thumbnail VI" /></a>
<a data-order="5" href="images/demo/gallery/image7.jpg" data-size="1280x853" data-title="" data-desc=""><img src="images/demo/gallery/thumb7.jpg" height="203" width="305" alt="Thumbnail VII" /></a>
<a data-order="8" href="images/demo/gallery/image8.jpg" data-size="1280x853" data-title="" data-desc=""><img src="images/demo/gallery/thumb8.jpg" height="204" width="305" alt="Thumbnail VIII" /></a>
<a data-order="11" href="images/demo/gallery/image9.jpg" data-size="960x1280" data-title="For ged" data-desc=""><img src="images/demo/gallery/thumb9.jpg" height="406" width="305" alt="Thumbnail IX" /></a>
<a data-order="14" href="images/demo/gallery/image10.jpg" data-size="1280x853" data-title="" data-desc=""><img src="images/demo/gallery/thumb10.jpg" height="203" width="305" alt="Thumbnail X" /></a>
</div>
<div>
<a data-order="3" href="images/demo/gallery/image11.jpg" data-size="1280x853" data-title="" data-desc=""><img src="images/demo/gallery/thumb11.jpg" height="198" width="297" alt="Thumbnail XI" /></a>
<a data-order="6" href="images/demo/gallery/image12.jpg" data-size="1155x1280" data-title="" data-desc=""><img src="images/demo/gallery/thumb12.jpg" height="329" width="297" alt="Thumbnail XII" /></a>
<a data-order="9" href="images/demo/gallery/image13.jpg" data-size="873x1280" data-title="" data-desc=""><img src="images/demo/gallery/thumb13.jpg" height="436" width="297" alt="Thumbnail XIII" /></a>
<a data-order="12" href="images/demo/gallery/image14.jpg" data-size="1280x853" data-title="" data-desc=""><img src="images/demo/gallery/thumb14.jpg" height="199" width="297" alt="Thumbnail XIV" /></a>
<a data-order="15" href="images/demo/gallery/image15.jpg" data-size="1280x848" data-title="" data-desc=""><img src="images/demo/gallery/thumb15.jpg" height="196" width="297" alt="Thumbnail XV" /></a>
</div>
</div>
</div>

My way is to :
1. First choose the 15 pictures
2. Rename the pictures to image1 image2 image3 etc.
3. Make thumbs with the filename thumb1 thumb2 thumb3 etc.
- Copy the map demo/gallery/ to you PC
- Open thumb1.jpg in photoshop, paste image 1 in it. Merge the two layers with ctrl+e. And then save it.
- Now thumb 2 etc. etc..
4. Copy & paste in filezilla in images/demo/gallery/
5. Change the resolution of image1 image2 image3 in HTML MODULE so it match.

This way you do not need change the file name in the module but only the resolution.

The first time it will take some time. But the second you get used to it.

If want to add use more then 15 pictures, you need to add your own lines. But that is also not that hard.

If you have troubles setting it up let us know,

xWiz

Hi xWiz, never thanked you for that, so thanks! It would be ok for me to use it but unfortunately it's 100% prohibited for my client who doesn't know a lick about html & web development neither has time or desire to learn so at the moment photoswipe is out of the gane

Hey Gavick team, why not develop a photoswipe component/module with a user friendly approach and rock big time? I know you can do it!

Cheers,
Andre

Hi no problem bro!

True Story, I also complained about that is to difficult. And there is no plan yet to create a fix for it. Sadly!

And "order data" on mobile doesn't work, respond was "beyond our technical support". Never knew that a bug could be beyond technical support!

You are not the first and not the last one to start a topic for the photo swipe gallery. And it is sad because Quark is really good template!!

Hi

Yes I understand that this is hard for ppl who do not have some experience in codding, but unfortunately this is an outside script and this is how its designed made it to be. We cannot interfere with this, but I'm pretty sure there are extensions which are using it and has an ability to manage it a little bit easier. I just had no luck to find any on joomla extension page.

I totally agree with arcolive, looks great but in the real world when handing over to clients show them a block of HTML and they run for the hills.

I too had the same, 'oh s**t' feeling, loving the look but knowing full well that unless ur happy with code it was a no-go for the majority of clients.

There are far simpler gallery systems that do a very similar job, take a look at Unite Responsive Tile Gallery - http://www.unitecms.net/joomla-extensio ... llery-demo

Easy to use, looks good and won't freak anyone out with multiple steps and making sure images and filenames match etc.

Yep, there are solutions out there. I decided to Droppics component which is easy as and should have no issues with client complaining about creating galleries and adding to articles.

Hi Arcolive,

I have checkt Droppics, and it is very good. But it is also not perfect, i don't like the lightbox effect when you click on the photo and i don't think it is touchscreen friendly for mobile.

But it sure the best component i have seen, do you have other suggestion?

Hi

I meant a solution using this exact script we provided, just with some manager to simplify it. This way You will be able to use tempate style we prepared for that script.

https://www.google.pl/search?q=photoswi ... sAGMlYG4Cw

Hi Teitbite, yes, I got that and when I realized how the template's photoswipe works I went searching for a component with user friendly interface with masonry layout option and photoswipe. The closest I found was Droppics which as Xwiz said is not perfect.

Gavick's Quark current photoswipe gallery with an administrative interface and filters for categories would be an absolute killer gallery component so I'll leave my suggestion here...

Cheers,
Andre

Hi

I agree, will paste Your comment to our developers channel. Hopefully they will figure something out in this topic.

I'm also waiting for good inverface to PhotoSwipe. If it's separe plugin or something like that I'm ready to pay it if it works.

Hi

I've made a template for Simple Image Gallery plugin supporting this gallery. Maybe this will help. It's a custom job I've done, so please do not expect updates or that it will be included in packages.

Thank you teitbite for your efforts, this template-file is really useful!!!

Hi! Teitbite and Matreas.

Can you explain how to use the template of simple image gallery? And how to install the gallery. Sorry haven't ever worked with simple image gallery before

Hi

1. Please download the file attached, unzip it.
2. Than go to /plugins/content/jw_sig/jw_sig/tmpl
3. Create a folder "Gavick"
4. Upload the file to newly created folder

It will use style included in template, so if You are not using a template supporting this gallery You will also have to copy the css from one that does