Joss

As a clue, with a single image you can check whether a value exists, in other words whether there is an image in it. With an array, the loop wont run if there is no array, so that wont create an error, but it gets more complicated if there are other fields in the loop. You can read all the grisly details about 3/4 of the way down this page of my long, beginners tutorial http://processwire.com/docs/tutorials/but-what-if-i-dont-know-how-to-code/chapter-2-easy-images/page5 That will probably cover most of your questions.

Other than that, try stripping out things like canvas and calls to schema.org and generally simplify it down and see what that achieves. I sometimes kick out my headers and footers as well so I am not adding JS and CSS to the problem - doesn't matter what it looks like, just how fast it loads at that point. Then start adding bits back ...

Just for interest, have you looked at the file size of the thumbs? PIM maybe creating a higher quality thumb than you need.

You use a similar procedure that I outline in the think I put up on your other post http://processwire.com/docs/tutorials/galleries-short-and-long/page2 You will also find a long explanatory tutorial about images and how to work with them with php here: http://processwire.com/docs/tutorials/but-what-if-i-dont-know-how-to-code/

That wont effect the JS, but yes, if you want to see images in a gallery, it helps to have images. http://processwire.com/docs/tutorials/galleries-short-and-long/

what does the console say? Oh, and PW doesn't load the files, your browser does based on the information on the page

As Nico said - check your console. So in Chrome, inspect element and then click on the console tab to see what js errors are there.

What you have hilighted works as long as you have jquery in your js folder. If you are trying to use it from a CDN, then just call the CDN as you have done. However, do remember you MUST load JQuery first before any other jquery plugin. So; <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="<?php echo $config->urls->templates?>js/jquery.myplugin.min.js"></script>

Assuming you have your Javascript in your templates folder, do exactly as you would for css. So, if your scripts are in a folder called js, then <script src="<?php echo $config->urls->templates?>js/jmyscript.min.js"></script> EDIT: The trick here is to think of your /site/templates/ folder as the root of your site, with the exception that you need to be explicit about the paths when including script and css files. So, you might have /site/templates/ --js --css --images mytemplatefile.php

Hey Dave, Love the musical references in Type Scale

Oh, I never turn on debug unless I am scouting for problems - too depressing!

Actually,it was equivalent to 14 till I changed it; My notes are out of date, as usual. I am going to put fall backs - I didn't want to initially, but I thought I should. One thing about your image module - is there a global switch to force recreating during site development? Rather than having to change each individual instance?

But don't you have to add your own css definitions to pocketbooks?

Okay, I am probably going to get this wrong, but let me think this through. You want a list of attributes, but without prices - you add the price later in the T-Shirt page? So, for instance, you could have a repeater (possibly better with a page table) that has two fields: Page Field, picking up a list of attributes and a text field for the price. You add a line, choose the attribute type from the page field drop down (must be single select, of course) and you put in your price. You can then loop through the repeater to list out all the attributes and associated prices for that product.. When it comes to a category, if you are creating the product page under its parent, then it already has a category - its parent! Oh, I should add, that the attributes can have more than just a title - they can have images, extra info, anything you like as they are pages in their own right - but you only use the title field when selecting them.

Are you basically creating a main page and the variants are children of that page? So, they all have the same prices, for instance, but other variations are possible with the children? If so, you could do something like this: Parent - T-Shirts Field: Default price (USD) Child page - T-shirt crazy style Field: override price (USD) - normally left blank. In your template for the child, you can call the price from the parent page (see the API for parents), checking whether the override price as been set. If it hasn't you display from the parent, if it has been set, you display from the child. You can do this will any field - set defaults in the parent, but allow for overrides for the children.

Or more to the point, how long to you mess with typography for a website? Today I have been starting work on my own general portfolio site - the last one crashed and burned several years ago and has been substituted with a meagre holding page for far too long. I decided to go a very minimalistic route, technically speaking. First, I started with the smallest grid I could find: Simple Grid. Then I wrote some extra media queries to cover hiding for phone only or showing phone only, or whatever. Not a very complete version, but just enough to cover my initial needs. Next up, I played with a bit of JQuery in conjunction with Horst's rather delicious Pageimage Manipulator (though it confused the hell out of me for a bit!) The idea has been to check the window width with jquery and depending on the size, use different versions of a background image that only covers the right hand half of the window for iPad and above, not just resized, but cropped in specific ways. Oh, and then a tiny bit of JQuey to pop up a minimalistic menu. So, all well and good. Then I went off to the font shop to choose my font. After umming and moaning and chewing my own beard for a couple of hours I settled on the rather predictable Lato - it is rather nice though. Now, remember that I am starting with a clean sheet here - the only typography styles are browser defaults. So, before I start on anything clever, I need to get my base font nailed down. Easy? Well, it would be if I was not being so bloody minimalistic and arty-farty! I wrote a carefully crafted introduction with a h1 and h3 title and sub title, and started playing. Here is a tip - DON'T USE LOREM IPSUM! If you are a writer, you will want your typography to match the sense of what you are writing. Blocks of Lorem Ipsum tend to be very dense and if you are not going to be laying out your story in that fashion (and in Latin), then it is misleading as hell. It is far better to put a little time aside and write something genuine that you are likely to use in the finished site. So, I wrote my intro: And I stared at it. Well, I am quite pleased with the words, and they even fitted an iPhone rather nicely, but I wasn't enthused about the size, spacing or anything else. So I started playing ... and tweeking .... and refreshing .... and tweeking a little more. And I kept going till? Well, I started about 3 hours ago and I am still going. I think I am pretty close now. My typography.css sheet is looking like this at the moment: html { font-size: 62.5%; /* 10px browser default */ } body { font-size: 1.6em; /* equiv 14px */ line-height: 1.5; /* adapt to your design */ font-family: 'Lato', sans-serif; font-weight: 400; background: #f5f5f5; color: #444; } h1 { margin: 1.0rem 0; font-size: 3.6rem; font-weight: 300; letter-spacing: -0.06rem; } h3 { margin: 1.0rem 0; font-size: 2.4rem; font-weight: 300; letter-spacing: -0.06rem; } p { margin: 0 0 2.0rem; padding: 0; } And that is working quite nicely. Oh, it is a bit more detailed than that ... but not a lot! What I am trying to do is come up with a schema that suits all of my output. In reality that is impossible as there are some rather large differences in style and subject to address, but if I can come up with an introduction that works beautifully, from then on I should be playing with shades of variation rather than complete palette changes. Which reminds me ... I haven't even begun to think of colours much yet! Better put another week aside. Joss

Hi Andi It really depends what you are looking for, to be honest, and what your client wants to get out of it - that will inform you as to what level of interaction you want to give them with the slide show administration, if any at all! Layerslider is pretty flexible, but I haven't looked at it for ages - there may be better alternatives out there or a much newer version. At least with PW you can create your own interface to it!

Ah - er .... Well, since the site never went live, I never finished it. And I have moved over to using Adobe Edge Animate for clever stuff now. However, with any thing of this sort, it is a question of workflow. So, with this particular plugin (if I remember right) each slide has several fixed element types - image, text, link and so on. A slide is made up of a group of these elements so that each slide is animated. What I did was create a repeater that offered the alternatives - text or image or whatever. It also had fields for the other information the layerslide needed - slide Class, Data Ls, Slide Style And lastly, it had fields for the navigation arrows (including arrow image and all their classes) and for a link. So, that was all in a repeater. You slideshow was made up of however many of these complex slides you wanted to have. Bear in mind, this was not exactly user friendly. Although it meant slides could be made up using the admin, the data being input could be rather complicated. It needs all the input for offset, delay, easing in and so on, plus all the style info. Now, I just had those as fields that I pasted the who lot into, but you could create lots of fields, one for each of the needed values: offsetxin:0; durationin:2000; delayin:1500; easingin:easeOutElastic; rotatexin:-90; ransformoriginin:50% top 0; offsetxout:-200; durationout:1000; I never went that far with it. The actual template was pretty easy - just use all those values in a template for a slide and then loop through the slides. I think I may have done something like seeing if there was an image, and if there was, ignore the text field, so that the type of element was dictated by what you had filled in, but that is just fine tuning stuff. Does that help?

Bear in mind that since the project did not actually happen, I cant say they were amazing, but I did like their attitude.

I have just got round to uploading some bits to Behance - never done it before. And I have 6 "Appreciations!" I have decided I like behance https://www.behance.net/joss9911

Depending what the budget it, I chatted to Rackspace a few months ago about a project that didn't happen in the end for a minor celeb. Talking to them on the phone, I was very impressed by how helpful they were prepared to be and flexible and not just stick to the ratecard, as it were.

The other approach you may want to look at is installing Virtualmin/Webmin to control everything from setting up virtuals with set packages to creating samba shares and so on.

No Durch though. I have checked behind the sofa and we definitely don't have any Durch. Dutch we have crawling out of the woodwork, however....

Ugg ... found it Firefox has this little thing where if you have a div shifted upwards with a negative margin, it doesn't believe you and throws everything else off to the right. Done it differently now.

Thanks - I knocked the tune up last night. I seem to have hit an issue with Firefox however. The top animation is sitting outside of its center-wrapper, over to the right. I have no idea why - fine in chrome and IE. It WAS fine in firefox not that long ago..... grrrr