Pages Category Images / Pages Searchable Text Fields

[All Astronauts]

Pages Category Images
Add an image to every IPS Pages database category for use in your templates!

 

 

Pages Searchable Text Fields
Flag text, text area, and editor fields in your Pages databases for inclusion in the search index!

 

This is a combined support topic for both of these Pages mods.

[Duken]

Are there some example website for Pages Category Images? Need to see it somewhere ?

[kefalo]

Yea, same here.

[All Astronauts]

Sorry guys, Summer got away from me. There's not really any meaningful screenshots available. The mod just adds in a place where you can add an image to a category. You then can call/use that image whenever you have the category available in a Pages DB template (either category view or record view). What you do with it is up to you.

That said, I do have some walkthrough-ish stuff written down and I'll add that in here soon. Otherwise, really, the mod description you can read in the Marketplace lays it out pretty much as is.

Version 2 is incoming. Moves away from simple plugin hack to full application adding a proper file handler. If you already have the plugin, installing the new v2 app will take care of preserving your files and uninstalling the plugin - no need for you to do anything other than install the app.

[All Astronauts]

Pages Category Images Version 2 now uploaded. If you have the plugin installed DO NOT UNINSTALL IT! The application install routine will check for the plugin, take over the files from it, and then gracefully uninstall it. If you uninstall the plugin manually beforehand you'll be deleting all of your images and I really won't be able to help you with that...

There's room here if you guys want an icon image field or an array of images for a slider tacked on to this. Just let me know. Mind you, I've got to move on to other work right now but can easily circle back sooner rather than later.

Edited October 2, 2018 by All Astronauts

[All Astronauts]

Pages Searchable Text Fields 2 Released!

• 4.4 compatible - for use with 4.4 exclusively!
• New manual database re-index feature.

Seems fine but please report any bugs.

Edited February 4, 2019 by All Astronauts

[Meddysong]

A tip for people using Pages Category Images and getting broken images.

When I started using it, $category->pcimage and {file="$category->pcimage"} were producing full URLs but <img src='{file="$category->pcimage"}'> was only stopping at my Amazon S3 bucket; it didn't contain the full URL with the filename and extension. When I pasted the full URL into my browser, I got an error message.

The reason is because URLs were being created to my Amazon S3 account, which is where I store my Pages media. Pages Category Images has its own setting in  System > Overview > Files > click Storage Settings, which by default is set to file system, using the server where the suite is installed. This means that my category images were being uploaded to a place on my server whilst the system was looking for them on my S3 account alongside the other Pages media.

I solved the problem by changing the storage method of Pages Category Images to S3 and within seconds the images were displaying.

[All Astronauts]

Yeah, hmm. Not sure there is an easy way here. I'll have to look. Maybe I can ditch this and ride on the official Pages one. Otherwise, yeah, you need to match the two.

[LiquidFractal]

Any news on 4.4 compatibility?

Am looking to upgrade this weekend and just making sure things are in order. 🙂

 

[All Astronauts]

Cat images?

[PatrickZ]

I also want to know if category images is compatible with 4.4 please.

[All Astronauts]

Yep, compatible. Just tested.

[craigf136]

What's the chances of the image uploaded being clickable, to access the database that it has been upload too? At the moment it's a static image with no interaction to the user, who would expect on both mobile/tablet & PC to be able to click this to access the DB.

Great app btw, linkable image would be fantastic addition.

[All Astronauts]

Honestly, that's on you. It's literally just an image as you say - you can do whatever you want with it. Why not wrap the image with an <a href="whatevers"> link to whatevers? Unless I'm missing something here...

[craigf136]

Can it not be done automatically? So that whatever databAse you're in clicking the image for the category does aexactly what the article image does? Unless I'm not seeing it, you can't wrap the image in a <href="link"> as it's an image upload into that category?

That would require doing this for every single category & if you update/change the image, you then need to go and change the link etc and where exactly would all these image links need to be added?

Article images are clickable and take you into the article by default but the category image plugin doesn't take you into the category with the articles submitted.

 

Edited May 10, 2019 by craigf136

[All Astronauts]

We'll use the default provided Pages Articles db as an example.

When you just jump in to Articles from the front end, it loads up the index template under Category Index. That template shows some database info (title, etc.) and then iterates through all the top level categories, calling the categoryRow template each time and throwing the category variable into it. Let's look at the code and display for the category link here:

gives you this:

There's your category and your link. But you want to use an image here. And you can, because you have the $category variable available here.

So, firstly, let's just stick the image in here, I'll hard code in some style calls so we don't blow out the row too much.

Note that I stuck INSIDE that a href call. That image is clickable and when clicked on goes to the category. Honestly, the provided templates for all this stuff are just basic things that follow IPS style guidelines. You can do ANYTHING you want with this stuff. You can ditch the IPS row structure and instead make it all thumbnails if you like - I won't go that far but lets me take a minute here and...

There, now the category image is used as the background for div, the category title is inside that div, and the entire thing is clickable. Starting with this, you can ditch the rows, go with flex boxes or the ipsGrid calls and make your category pages nothing but large squares with the category images as the backgrounds and on and on and on. 

Unless I'm way missing something here....

Edited May 10, 2019 by All Astronauts

[craigf136]

Thank you. What I’m trying to say is, that the pages category images app in my view, should be doing that by default? by making the href call without having to do edits? Rather than just adding a static image?

I’m not a coder but I can certainly hack what I need to be done and thank you for the info above but it would be far better suited to being default with the app (if possible)?

Edited May 11, 2019 by craigf136

[Meddysong]

2 hours ago, craigf136 said:

What I’m trying to say is, that the pages category images app in my view, should be doing that by default?

How could it? Producing that output relies on script being added to Pages template sets. How is the plugin supposed to know where and in which template sets to add the relevant call? Even if it's done by guesswork, what then when users decide that they didn't want it to be used in that way, that their font doesn't suit the image etc?

I don't think anything unreasonable is being asked here. The plugin makes it possible for users to easily add an image whereever they choose within their Pages databases. They still need to add the relevant code. It's a tool to facilitate customisation. The end user still has to make the changes they desire, it's just a lot easier with this plugin than it was before.

[craigf136]

It's fine, I've added the code required to a custom template.

<a href="{$category->url()}">

{{if $category->pcimage}}<a href="{$category->url()}"><div class="SG_cat_image" style="background-image:url('{file='$category->pcimage'}');"></div>{{endif}}

Does what I need it to do.

[All Astronauts]

Yeah, there's really no sane way forward here for what you want. Even if I targeted the default category templates you run into the problem of people not wanting it there in that way, what happens when people start editing the default templates, hook points disappearing. It's really a nightmare. 

[Maxxius]

@All Astronauts does this mod of yours participate in black friday?

[All Astronauts]

Search is, Images isn't right now - it's only ten bucks already. Maybe I *might* add some of the other cheap ones of mine in next week or something.

[AmericanRev2]

Images overlaps category titles on smaller screens

 

[AmericanRev2]

https://www.mymilitia.com/intel/

 

[AmericanRev2]

Subcategories show no image because you removed 

		<span class='ipsItemStatus ipsItemStatus_large {{if !$RecordsClass::containerUnread( $category )}}ipsItemStatus_read{{endif}}'>
					<i class="fa fa-comments"></i>
				</span>

from the category template