pwired

If I understand it right then the delayed output strategy in processwire is best suited for separating business logic from view markup.

business logic goes in the template files and view markup goes in _main.php

I like the way of building up view markup in a variable e.g. $content with the .= operator

and if you follow the wire render pattern way of camilo castro you can have many view files

Quote

I'm someone who has been developing websites for a while, mostly doing . . . . . .

Are you working for a company or for your self ?

Quote

After a short while I decided that Wordpress was out

That's what I thougt (Ideologically) for a long time, until I bumped in just too many cases where they want things done in Wordpress.

Hi, Teppo

Thanks for this clarification and showing these examples. You even have it explained better than
what I read in most stackoverflow post. I have saved your post in my Design patterns folder.

I see now there is more than just <?php ......?> You are right it makes things better readable
and separatable. Maybe it also makes it less load for memory ?

I just checked if my code editer is capable of highlighting this style of php syntax,
and yes it highlights this style of php code nicely where it should ?

All good, thanks.

Quote

I just could never learn to code PHP and Javascript

If you are a photographer there is no need to learn to code in Javascript. All you need is to tweak some library parameters and they are already well explained with examples that come with the library, e.g. all the picture galleries out there.

As for php, for picture galleries you only need to know basic php like for each which you can reuse in other picture galleries.

Yep we all know what happened back then with evo and revo. When they shut down evo and with revo a total no go I was bouncing over the internet for weeks desperately trying out dozens of cms systems.  Seeing that Processwire lets you utilize any level of experience you already have with html and php and apply it in your own way was really the trigger to run with it.

gracias, de nada ?

Looks nice.

What is the purpose of the imagesloaded js ?

Quote

A caching issue?

Check if you reload an old still open page and not the one you are editing. It happened to me ?

Can you tunnel from your laptop your local website online ? Or sync your local website with an online host ? It will be more easy if we can see the setup online.

Hi teppo

I am not sure what you are referring to. As far as I can see it (yet?) one of the beauties of Processwire is the possibility of making api calls and using php directly in your html. Isn't that already using PHP as a templating language ? So when doing that, where is at all the difference between using PHP as a templating language and entangling business logic with markup ?

Hola, Piguanet y Bienvenido a Processwire,

Primero hay que eliminar los campos y plantillas asociada con el pagina.

Luego puedes borrar la pagina

Quote

It produces nice HTML highlighting

Did you mean CODE highlighting in your editer e.g. for php ?

Why all the fuzz about <?foreach():?>   <?endforeach?>

I use

<?php
.... your code ;
....... ;
?>

It gives me all the php code highlighting in my editor and it simply works everywhere

Hi,

I attached with this post the site folder and the database of the theme I have put online here:

http://lightbox2.rf.gd

Just unzip site-folder.zip

Don't forget to put your own database credentials in the config.php file

Greetings.

site-folder.zip

Hi,

I uploaded a simple Processwire theme for the Lightbox2 picture gallery

http://lightbox2.rf.gd/

==========================================================

I will make the site folder and the database available in an hour
for your own local development.

Greetings
Pw

Lightbox2 is actually a nice picture gallery. Seeing a working processwire example will surely help. Home in about 2 hours.

Hi at PhotoWebMax

As promised I have the Lightbox2 theme ready. I will upload tonight when I am at home (gmt europe time)

Greetings

It should work.

To find the reason why it is not working I would need to see all the rest.
But if it is ok with you I will send over a Processwire Lightbox2 theme
on monday.

That script should be outside the 

<div class="galleryTest">

and put at the bottom just before the </body> tag

Hi,

Are you using lightbox or lightbox2 and any css framework to setup a layout ?

Let me set up a processwire theme with lightbox and send it over on monday.

Quote

The new version of FancyBox spits out different code and does not use the same jquery and css files as before.

Hi,

If you need the old version of Fancybox, I still have it and can send it over in case you are still interested.

Quote

I fear Processwire might be more for developers than for where I am at currently?
Any last suggestions before I scrap everything and start fresh with a new system?

Dear PhotoWebMax,

First of, the thing with out of the box systems like concrete5 that you are mentioning, or wordpress or whatever
out of the box stuff out there, you will have to work with the set of rules that is limited to the system
being used.

Processwire doesn't have any rules nor limitations and lets you work your own personal way, or any way you want
without any limitations.

I also want to put your attention on that, besides fancybox and lightbox,
there are the following picture galleries who are really worth while using
because they present photos in a gallery in a real nice way:

lightgallery
lightbox2
slimbox2
colorbox
prettyphoto

============================================================================================================

Coming back on what it boils down to with Processwire.

First you have to create view size and thumbnails of your pictures. But that you already know.
Photoshop is ok but there are tools out there who can create automatically view size and thumbnails
much faster than you can do with photoshop.

One important issue here:
With Processwire you do not have to create viewsize and thumbnails with Photoshop or some other picture tool.
Processwire creates the viewsize and thumnails automatically for you at runtime gallery output.
Here is an example how Processwire lets you do that:

$view = $image->width(700);
$thumb = $image->size(100, 100);
$title = $image->description;

============================================================================================================

All you have to do is to download fancybox, lightbox, or whatever gallery you want
to use and first setup a working gallery in html only with a few example pictures
and then have a look at the web code examples that the specific gallery is using.

Here is an example in case you would use the colorbox picture gallery

<div class="row">
   <div class="col colorbox-gallery">

    <a class='group4' href='img/1.jpg' title="your title."><img src="img/thumb1.jpg" alt=""></a>
    <a class='group4' href='img/2.jpg' title="your title."><img src="img/thumb2.jpg" alt=""></a>
    <a class='group4' href='img/3.jpg' title="your title."><img src="img/thumb3.jpg" alt=""></a>
    <a class='group4' href='img/4.jpg' title="your title."><img src="img/thumb4.jpg" alt=""></a>
    
   </div>
</div>

In Processwire all you have to do, is to use a for each loop to output all the lines <a class ........ >  ......  </a>
for all the pictures you have in the processwire backend.
At the bottom you put this little script to initiate the colorbox gallery:

<script>
     $(document).ready(function(){
      $('.group4').colorbox({rel:'group4', slideshow:true, closeButton:true, transition:'elastic', speed:600});
    });
</script>

You will already see this script in the example that comes with the colorbox gallery.

============================================================================

Here is another web code example that comes with the slimbox2 gallery

<div id="">
                
                <a href="images/001.jpg" rel="lightbox-cats" title="This Is My Image Caption" >
                  <img src="images/001-thumb.jpg" alt="remember your alt tag" />
                </a>
               
                <a href="images/002.jpg" rel="lightbox-cats" >
                  <img src="images/002-thumb.jpg" alt="remember your alt tag" />
                </a>
               
                <a href="images/003.jpg" rel="lightbox-cats" >
                  <img src="images/003-thumb.jpg" alt="remember your alt tag" />
                </a>

                <a href="images/004.jpg" rel="lightbox-cats" >
                  <img src="images/004-thumb.jpg" alt="remember your alt tag" />
                </a>

</div>

Same thing, all you have to do is to use a for each loop in Processwire to output all the lines <a ..... >  .......  </a>

So that's actually it
Greetings and have a nice weekend

Quote

I finally got devilbox working

That is good news. But did you get devilbox working on windows or on linux ? Can you show us how you did it ?

Quote

So is that running Windows 7 on a VM on a Windows10?

Yes it would ?

Link

Windows 7 is in its extended support period, and is officially supported
by Microsoft with security updates until 2020.

But hey welcome to MicroSoft, they simply changed their policy at the beginning of 2016
and now new CPUs will require the latest version of Windows.

Microsoft is just blocking PCs with latest CPUs from updating via Windows Update.
You still can install Windows 7

But in such case it would be a solution to use VMWare Player which is very good.

Install a VMWare workstation trial and install windows 7 in it,
export the image and uninstall the trial. Then install the free
VMWare Player and import the image.

Quote

Unfortuantely, you can only run it on older hardware.  No chance if you have equipment of recent specs.

There are only 4 problems with that:

1. missing legacy option in uefi bios
2. missing usb3 drivers during win7 installation
3. win7 refuses to install on a GTP partition
4. missing win7 hardware drivers for your laptop

I have solved all 4 of them with finding the right tools.