Problems, need help? Have a tip or advice? Post it here.
7 posts Page 1 of 1
Hi,

i have a question.. i have 3 types of pages in my site..

1. a page contain images (not clickable)
2. a blog page
3. an image gallery

my question is...how to make my image become editable image? (user can edit/change/control all image in a page)

please advice,

regards

bagus
This really should be posted in "Bug Reporting and Troubleshooting".

The documentation is not to be feared. :) It is a great source of information: http://www.couchcms.com/docs/tags-reference/editable/image.html

Code: Select all
<cms:editable name='image' width='300' height='200' type='image' />

<img src="<cms:show image />" width="300" height="200">

You should consider reading the tutorial (http://www.couchcms.com/docs/tutorials/portfolio-site/) and downloading my starter theme (http://www.couchcms.com/forum/viewtopic.php?f=2&t=6995) if only to look at the code.
Hi cheesypoof..

Thankyou for the tutorial :)

I've put the code themselves to the editable image region in my page..
and i can upload the image from admin section..
but..the image doesn't appeared in web browser.. only link text appeared in image area : "http:www...uploads/image/about-us-pic1.jpg"

there's a step that i missed? please advice

regards

bagus
In retrospect, my use of 'image' as the name for the editable region was a poor choice as it probably created confusion because the editable region type is also 'image'.

For your templates, you should place all of the editable regions inside of a 'template' tag right after the Couch PHP statement:
Code: Select all
<?php require_once( 'couch/cms.php' ); ?>
<cms:template title='About Us' >
     <cms:editable name='about_us_picture' width='297' crop='1' type='image' />
     <cms:editable name='about_us_picture_2' width='297' crop='1' type='image' />
     <cms:editable name='text' type='richtext' />
</cms:template>
When you need to display these images in the html, you would do so like this, making sure that the name from above is used in the 'show' tag below:
Code: Select all
<img src="<cms:show about_us_picture />" width="297">
<img src="<cms:show about_us_picture_2 />" width="297">
Apologies if my first reply caused any confusion.
Ok...never mind..i got it.. :)

in fact..i'm thanks to you so much for the tutorial.. but i'm still confusing :oops:
where exactly i must put this code :
"<img src="<cms:show about_us_picture />" width="297">
<img src="<cms:show about_us_picture_2 />" width="297">

in my html tag?

Thanks before..

bagus
but i'm still confusing :oops:
where exactly i must put this code :
"<img src="<cms:show about_us_picture />" width="297">
<img src="<cms:show about_us_picture_2 />" width="297">

in my html tag?

Yes.. you'll have to modify your HTML code. For example, if your template originally had this markup for an image:
<img src="some_image.jpg" />
Modify it so that the 'src' value comes from the editable region that you created to hold the uploaded image (I am assuming that the name of the region is 'about_us_picture')
<img src="<cms:show about_us_picture />" />
Ok..i Got it... i already try it..and it's work! :D

thankyou KK

regards

bagus
7 posts Page 1 of 1