CMS Made Simple Forums

Posted: **Wed Aug 06, 2014 3:55 pm**

I am using http://purecss.io/layouts/gallery/ from the Pure framework as an example. I have converted that into a CMSMS theme using the menu manager, templates and style-sheets.

But what if i wanted to allow end users to control the images that were displayed? At the moment those images are hard-coded in the template.

Code: Select all

<div class="photo-box u-1 u-med-1-3 u-lrg-1-4">
                <a href="http://www.dillonmcintosh.tumblr.com/">
                    <img src="http://24.media.tumblr.com/d6b9403c704c3e5aa1725c106e8a9430/tumblr_mvyxd9PUpZ1st5lhmo1_1280.jpg"
                         alt="Beach">
                </a>
    
                <aside class="photo-box-caption">
                    <span>by <a href="http://www.dillonmcintosh.tumblr.com/">Dillon McIntosh</a></span>
                </aside>
            </div>

I could create a capture for each of those blocks and then use the WYSIWYG editor to include the images, but that got me thinking...

Isn't there a way to just capture an image? A capture that would just add a browse button to the back-end and i could click that and select the image?

Thanks for your time.

Posted: **Wed Aug 06, 2014 9:50 pm**

Module GBFilePicker could do that.

Example:

Code: Select all

{content_module block="filepicker_block_4" module="GBFilePicker" assign="image4" label="Logo rechts onder" mode="browser" media_type="image" dir="images"}

Or the built-in tag {content_image}

Use CGSmartImage module to make resize the images to required dimensions.

Posted: **Thu Aug 07, 2014 12:42 am**

<cough>{content_image}</cough> the documentation for which is built into your installation, you don't even need to go to an external website.

Posted: **Sun Aug 10, 2014 9:27 am**

calguy1000 wrote:<cough>{content_image}</cough> the documentation for which is built into your installation, you don't even need to go to an external website.

Is there an emoticon for embarrassment?

CMS Made Simple Forums

Capturing content: images

Capturing content: images

Re: Capturing content: images

Re: Capturing content: images

Re: Capturing content: images