I’ve installed a layout from the download section in order to make my first display content. Problem is that when I try to add an image in the section that is named “image placeholder” the image won’t load in that section. It was one of the “hotel and amenities…” layouts. They look fine, but as stated I’m unable to attach my own images (or any image, there are none shown in the layout template after installation).
Any tips on helping this noob out?
Before we troubleshoot this issue, please can you make sure that your CMS is running the latest version (4.2.3 at the time of writing this message), as there are some known issues with the placeholder not allowing images to be added in older CMS releases.
I downloaded the layout named Hotel services amenities with images 001 to test with. if you can check the name of the layout you downloaded (it should state the name in the top left corner of the layout editor), I would be happy to download the same layout as you so I can test the same one as you.
I will talk you through the steps I took to add an image to the placeholder in the layout I’m testing with:
1. Open the layout in the editor.
After I have imported the layout on the Layouts page of my CMS, I click the button at the end of the entry for the layout and choose Design. That will open the layout in the editor. You need to choose Checkout so that you can make changes to the layout.
2. Add an image to a placeholder.
I choose the Image tab on the right hand side of the editor. From here, I can choose the upload image button, or I can use an image already uploaded to my media library. I will do the latter for this test. I search for the image I want, then I click on its tile:
The image I clicked on in the Image tab is highlighted.
The image placeholders in the layout have changed to an orange/red colour, which mean they are ready to be selected. I click on the box/placeholder above where it says Complimentary Wi-Fi.
You can see that after I clicked on one of the coloured boxes, the image is added:
I click the burger menu button in the top right of the editor and choose Publish. You must publish all changes you make to ensure they are finalised in your layout.
Thank you for your detailed reply.
I can confirm having CMS 4.2.3 at this point. I can also confirm that you have chosen the right layout.
My problem is as follows regarding to the steps mentioned:
In step 2. add image to placeholder, I am experiencing another view in the GUI.
On the lefthand side I am only seeing my uploaded items/items belonging to the layout, but in your screenshot I can see an image next to the “upload image” button. See my questionmark in the screen image.
In my case this means I can’t highlight the lefthand images, I can only choose the “add bakckground image” on the right side which, unfortunately/obviously, changes the total background image and not the image in the desired placeholder.
When I click the desired placeholder first, at that point I cannot select an image anymore, the righthand side editor for the placeholder doesn’t have the option to select an image.
Could you see if I’m making any mistakes in the procedure you’re suggesting?
When the image placeholder is selected, there is no add image option on the right side (but I haven’t seen that option in your screenshots either, I’m only showing this as a reference)
