Gazley

Hi there, My first site in PW is coming along nicely but as it showcases photography, I am about to implement the galleries which for this site is über-important. I have a few questions/concerns that would be keen to get other opinions on. First of all, I'm concerned about page load speed from an SEO perspective. The site owner doesn't like thumbnails. She would prefer the images to only be viewed within the context of of a carousel or gallery widget. She has many album sets in different categories so, they also need to be presented as a choice. Given her dislike of thumbnails, the images of which there are many will be downloaded at their full size and this could impact on page load time. So, any thoughts or advice around SEO/page load speed with multiple images, with a size between 45-95k each image? Any recommendations for a really good gallery or image presentation JS widget? I know this post is a bit vague but in the current site (that is being replaced), the images are loaded on demand. However using that approach, whilst page load speed is optimised, when Google crawls the pages, it doesn't actually see the images and therefore they aren't crawled/indexed, not helping SEO. Any advice or comments would be very much appreciated!

Nice one Ryan - PW just keeps on getting better!

I had never come across SmartyPants prior to your post and took a look. It is quite an old project; doesn't look like much has changed since circa 2005. It struck me that some of what it does might be achievable in Markdown which I believe there might be existing Textformatter support in PW.

Thanks Soma. I really do appreciate all the help and advice you give me.

I wondered about the ?page=2 because when I checked out the architects example, it said page2. Given what you said, I had put the page numbering against the child items template because that's where I assume it went. When I moved it to the summary page template, in this case 'news', it started working just fine. Thanks for pointing me in the right direction

I set page numbering in the URL section on the template, if that's what you mean?

Hi there, Before Soma jumps all over me, I've searched through the many threads that involve pagination I've set things up as per the main Pagination article. When I click on the Next link, I get the existing page re-rendered. The URL at this stage says: http://localhost:888...re/news/?page=2 I'm not clear whether I should be checking the page number and only processing certain items in the find() or whether the find() internally observes the page number internally. It's worth pointing out the news is the parent page that summarises news items from a collection of child pages. Any ideas what might be going wrong here? Thanks.

So do you recommend Ryan's solution?

You mean if you initially resized the image? I'm unfamiliar with the exact workings of images but if they are resized after changes in the "Edit Image" page, I assumed it created another instance of the image with a different URL. If so, wouldn't the generated <img> tag still point to the correctly re-sized image? I read your other thread yesterday, which was pointed out to me by Soma. I couldn't draw a conclusion from your comment. Are you suggesting that Ryan's suggestion to strip the height/width using a formatter is the better approach? Thanks!

Hi Marc, Just to let you know that the following line: extended_valid_elements:img[src|id|class|alt] In the "Additional TinyMCE setting" textbox gives me exactly what I want! Many thanks! --Gary

>And why you also want them to insert in the page body tinymce text? Sorry, I don't understand what you mean. >Sounds from other posts, like you're trying to bend things a little while having all possible I'm not trying to bend anything. I'm simply trying to figure out how things work and how I can use what's already there to solve my issues. I generally ask "what is best practice" so I don't go off down the wrong track. Maybe I'm just a bit thick.

Hi Marc, Thanks for this link! I haven't used TinyMCE before and am still getting to grips with ProcessWire. However, I'm sure it will help and I'll read it up thoroughly. Cheers

Sorry

Hi there, I'm now inserting images into Rich Text Editors and learned that the height and width values are being explicitly set on the image tags. Can this behaviour be turned of so no dimensions are set? Thanks.

Martijn - that makes sense. Nice one!

Hey Martijn Sounds feasible. The main issue with some of the solutions I've thought about is just the general difficulty of querying. I think the base Image field needs more metadata. Cheers!

Hi Pete, I embedded the image field inside the repeater along with a multi-select dropdown affair. This was so that I could categorise images in terms of their usage. For example, one image in a collection might be considered the "Teaser" image that is used by the system in summaries leading to a main details page. Other images might be only for use in a Carousel and their sizes are matched accordingly. Other images might be categorised as "Gallery" meaning that they could be queried for use in a sequential gallery on the page. Other than that, given the minimal amount of meta-data capable field on the standard image fieldtype, I would have to have more than one image field, named appropriately, in any given page. The latter isn't totally unacceptable but it seems natural to me to require to attach meta-data to each image. If you can suggest other approaches, I'd be very interested to hear them. Thanks.

Hi there, I have a repeater field that contains an image field. I tried to add an image into some body copy using the image link in the TinyMCE text area, but PW couldn't actually see any images in the page. It would appear that it doesn't look inside repeaters. Does this sound about right? Thanks!

Thanks Soma!

Hi there, Looking at the BlogProfile and noticed the following: if(count($page->categories)) $subnav .= renderNav(__('Related Categories'), $page->categories); renderNav is a function and the first argument (above) starts with two underscores __ followed by ('Related Categories') What kind of value is that? I haven't seen that before and would appreciate an explanation. Is it some kind of PHP 'magic' thingy? Thanks.

apeisa, just wanted to say what an excellent add-on you have created. I didn't really understand exactly what it did until I got it going. It's brilliant - thank you very much!

Hi - yep, that fixed it Thanks for your help.

Might be worth mentioning that the image is in a repeater field, if this has any bearing on the situation? http://localhost:8888/ProcessWire/processwire/page/image-crop/?filename=zag18.jpg&prefix=thumbnail&width=100&height=100&pages_id=1058&field=images&modal=1

Yep, you were right, so I'm back into the page! I've added an image. Now if I hover over the thumbnail link, I see a thumbnail! If I click on the thumbnail, I get this: Error Call to a member function get() on a non-object (line 50 of /Applications/MAMP/htdocs/ProcessWire/site/modules/ProcessCropImage/ProcessCropImage.module)

Hi apeisa! Sorry, no, I hadn't just one of them. So I changed the other to crop image too, and then saved. I've tried to edit the page and I'm getting the following error: There is no thumb called: thumbnail I can't get back to the page now. Is there something I can do to get back to the page? Many thanks.