Hello,

My site's homepage is not currently a "static page". It's just a normal page listed under the CMS tab. At the top of the homepage is a large background image. What's the best way to allow my clients to change that background image? (We can pretend that it's not a background image, if that simplifies the question.)

Some thoughts that come to mind:

1. Convert the homepage to a "static page", then use a "placeholder" for the image. The problem with this technique is that my homepage is technically pretty complex. The static page WYSIWYG editor would probably choke on the markup.

2. Use a "content block". However, content blocks only support HTML, Text, and Markdown -- not images. Certainly an image could be within a content block (as an tag), but there's no connection to the media library ( - right?).

3. Using the Editable Plugin - but it also doesn't support image using the media library: http://octobercms.com/plugin/rainlab-editable/editable-images

Thanks, Bret

Actually I found a pretty good method to do this:

You can find documantation about the feature here: http://octobercms.com/docs/themes/development#customization

Your theme.yaml could look like this:

form:
    fields:
        image:
            label: Header image
            type: mediafinder

In your layout, you can display the image like this:

<img src="{{ this.theme.image|media }}" />

Alxy,

Thanks a ton for that suggestion! It'll hold me over until a better solution comes around. It'll be a little strange when I tell my clients to edit the homepage content using the [content] section, but edit the homepage image in the themes settings, but they'll survive. I have about 10 pages with header backgrounds, so my theme settings are going to get a little bit long!

Cheers and thanks again! Bret

I have similar problems. It would be nice to have an Image snippet for the static page plugin. So the client click on the snippet and the Media Manager / File Upload forms open and the client can select / upload another image.

Does somebody have an idea how to make that?

This is also possible with a recent update in the StaticPages plugin: https://github.com/rainlab/pages-plugin#custom-page-fields

For an example implementation, have a look on the Relax Theme in the Themes registry.

I checked the Relax Theme and the new custom-page-fields feature of the Static Pages Plugin but it doesn't fit.

My Website looks like this:

If I use the Static Page Plugin with the new custom-page-fields feature a bit confusing for my client.. it would be better to have all the "Band stuff" in a Band tab and all the "History stuff" in a History Tab an so on..

Last updated 9 years ago

Hi Craw,

Your last foto doesn't show up. Did you get the static pages plugin to work with your theme?

No, the Static Page Plugin alway has the Tab "Content", and there is no possibility to rename / remove that Tab.

For my client it would be better to have all the staff like "Band" in one Tab with a Textfield, image upload, ... and for example all the "History" staff in another Tab with Textfield, Image Upload,...

For now I use the Inline Edit plugin and made my own plugin "Website Images", wich is a collection with all the images used in the Theme, so my client can update all images.