Hello,
I have one image that should appear in two places on the website:
Location 1: The image should be displayed at a large size (1920x1280) on a news page.
Location 2: The same image needs to be shown at a smaller size (600x400) elsewhere on the site (e.g., a sidebar or thumbnail).
Currently, I'm using this code for one of the locations:
But when I try to crop it for the second location, the image size in the first location also changes (get replaced by the second).
My Question:
How can I manage displaying the same image in two places with different resolutions without manually uploading the image twice?
Any guidance or examples on how to handle this efficiently in CouchCMS would be greatly appreciated!
Thanks in advance!
I have one image that should appear in two places on the website:
Location 1: The image should be displayed at a large size (1920x1280) on a news page.
Location 2: The same image needs to be shown at a smaller size (600x400) elsewhere on the site (e.g., a sidebar or thumbnail).
Currently, I'm using this code for one of the locations:
- Code: Select all
<cms:editable
type='image'
name='news_main_image_large'
label='News Main Image Large'
desc='Main image that shows on news page'
width='1920'
height='1280'
crop='1'
required='1'
order=''
/>
<cms:editable
type='image'
name='news_main_image_small'
label='News Main Image Small'
desc='Main image that shows on carousel'
width='600'
height='400'
crop='1'
required='1'
order=''
/>
But when I try to crop it for the second location, the image size in the first location also changes (get replaced by the second).
My Question:
How can I manage displaying the same image in two places with different resolutions without manually uploading the image twice?
Any guidance or examples on how to handle this efficiently in CouchCMS would be greatly appreciated!
Thanks in advance!