Page 1 of 2

[Solved] Thumbnails on news module.

Posted: Wed Jan 23, 2013 2:12 am
by luya
Greetings,
I am designer working on a web magazine. CMS Made Simple is 1.11.4 using the latest News module. I would like to put a thumbnail inside the news_summary sample (based on Simplex theme) but I cannot find a smarty that does that behaviour. For example,

Code: Select all

 <section class='news-article'>
        <header>
            <h2><a href='{$entry->moreurl}' title='{$entry->title|cms_escape:htmlall}'>{$entry->title|cms_escape}</a></h2>
            <img src="{page_image}" alt="{$entry->title|cms_escape:htmlall}"/>
            <div class='meta cf'>
                <time class='date' datetime='{$entry->postdate|date_format:'%Y-%m-%d'}'>
                    <span class='day'> {$entry->postdate|date_format:'%d'} </span>
                    <span class='month'> {$entry->postdate|date_format:'%b'} </span>
                </time>
                <span class='author'> {$author_label} {$entry->author} </span>
                <span class='category'> {$category_label} {$entry->category}</span>
            </div>
        </header>
Any pointer will be appreciated.

Thank you.

Re: Thumbnails on news module.

Posted: Wed Jan 23, 2013 2:28 pm
by manuel
Dear luya,

Add a field definition to your news articles:
News > Field Definitions > Add Field Definition
Select "File" as the type
Activate the "Public" checkbox

Now you can upload an image with every news article.

To create thumbnails (or other sized images) from those images you can use CGSmartimage (> module that needs to be installed).

Your CGSmartImage tag will be something like this: (replace "test" with your Field Definition name)

Code: Select all

{CGSmartImage filter_croptofit="75,64,c" quality='65' src="{$entry->file_location}/{$entry->fieldsbyname.test->value}"}
Greetings,
Manuel

Re: Thumbnails on news module.

Posted: Wed Jan 23, 2013 9:21 pm
by kreo
Thank you manuel
I had the same problem.

Re: Thumbnails on news module.

Posted: Wed Jan 23, 2013 10:29 pm
by luya
Thank you for your suggestion, Manuel.
Few issues,
- After creating a field definition, I had to manually reload Article section to preview the thumbnail. In addition, there are no indication the image is attached. It would be nice if that uploading image as part of headline for article was enabled by default.
- In addition, what would be the way to include a short description (alt in <img /> for the attached thumbnail?

Code: Select all

{CGSmartImage filter_croptofit="75,64,c" quality='65' src="{$entry->file_location}/{$entry->fieldsbyname.test->value}"}
Again thank you.

Re: Thumbnails on news module.

Posted: Thu Jan 24, 2013 10:12 am
by uniqu3
In the CGSmartImage tag add alt=$entry->title which will add alt tag with title of your article.

Re: Thumbnails on news module.

Posted: Fri Jan 25, 2013 7:01 pm
by luya
uniqu3 wrote:In the CGSmartImage tag add alt=$entry->title which will add alt tag with title of your article.
Thank you uniqu3. I learned new stuff everyday.

Re: Thumbnails on news module.

Posted: Wed Jan 30, 2013 8:01 pm
by manuel
Further customization: ;D

I'm using CGBlog in this example but it should be easy enough to change it to work with the news module.

Create a new file:
module_custom/CGBlog/templates/editarticle.tpl

Code: Select all

{include file='file:/home/*********/public_html/modules/CGBlog/templates/editarticle.tpl' assign='capturedtemplate'}


{*THE IMAGE STUFF DOESN'T TAKE EFFECT WHEN USERS PRESS APPLY SO I JUST DISABLE THE BUTTON*}
{capture assign="disableapply1"}value="Apply" type="submit"{/capture}
{capture assign="disableapply2"}value="Apply" type="submit" disabled{/capture}


{*MAKE SURE $custom_fields.1 MATCHES THE FIELD DEFINITION THAT HANDLES YOUR IMAGE*}
{if $custom_fields.1->value}

  {*REMOVE BROWSE*}
  {capture assign="disablebrowse1"}<input type="file" class="cms_browse" name="m1_customfield_1" size="40" maxlength="255" \/>{/capture}

  {*ADD THUMB*}
  {capture assign="imgthumb1"}m1_delete_customfield\[1\]" value="delete" \/>{/capture}
  {capture assign="imgthumb2"}m1_delete_customfield[1]" value="delete" /><br>{CGSmartImage filter_croptofit="100,100,c,upscale" quality='75' src="{$custom_fields.1->fileurl_base}/{$custom_fields.1->value}"}{/capture}
{/if}


{$capturedtemplate|regex_replace:"/($disableapply1)/":"$disableapply1"|regex_replace:"/($disablebrowse1)/":""|regex_replace:"/($imgthumb1)/":"$imgthumb2"}
Some remarks:
if you change the order of your field definitions you will need to change $custom_fields.1 accordingly...

The News module doesn't have a field definition for images only so you should probably add a check to verify the user has uploaded an
image before sending it to CGSmartimage

The News module doesn't actually remove the uploaded files when a user "deletes" them (CGBlog does remove them correctly)

Greetings,
Manuel

Re: Thumbnails on news module.

Posted: Fri Feb 01, 2013 4:21 am
by luya
Thank you manuel for this code.
What is the difference betweek CGBlog and news module?
On a side note, I hit a bug with the news module not properly rendering the css, only plain text.

Re: Thumbnails on news module.

Posted: Fri Mar 01, 2013 5:53 am
by luya
luya wrote:

Code: Select all

{CGSmartImage filter_croptofit="75,64,c" quality='65' src="{$entry->file_location}/{$entry->fieldsbyname.test->value}"}
I have another issue. The src part does not allow to use the existing uploaded images. What will be the right code to do to so?

Re: Thumbnails on news module.

Posted: Fri Mar 01, 2013 10:32 am
by manuel
Dear Luya,

First verify if {$entry->file_location}/{$entry->fieldsbyname.test->value} produces a correct URL.

If it does, you could try one of these:

Code: Select all

{CGSmartImage filter_croptofit='75,64,c' quality=65 src="`{$entry->file_location}/{$entry->fieldsbyname.test->value}`"}
or

Code: Select all

{capture assign=something}{$entry->file_location}/{$entry->fieldsbyname.test->value}{/capture}
{CGSmartImage filter_croptofit='75,64,c' quality=65 src="{$something}"}
Greetings,
Manuel

Re: Thumbnails on news module.

Posted: Fri Mar 01, 2013 9:49 pm
by luya
The provided code worked but generated this result

Code: Select all

<img src="data:image/jpeg;base64,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" width="296" height="180" alt="Asians in Fashion | Two Asians Chosen as Finalists for 2013 H&M Design Award"/>
Is there a way to render the tag pretty? What will be a better method to use images from /uploads folders?

Regards,
Luya

Re: Thumbnails on news module.

Posted: Sat Mar 02, 2013 1:04 am
by calguy1000
Why would you want to change it?

data uri's are actually 'better' in most cases than linking to an image.... it's faster for your users. Unless the images are 'huge'.... which they are not (296x180)

Re: Thumbnails on news module.

Posted: Sun Mar 03, 2013 3:12 am
by luya
calguy1000 wrote:Why would you want to change it?

data uri's are actually 'better' in most cases than linking to an image.... it's faster for your users. Unless the images are 'huge'.... which they are not (296x180)
I never used data uri until recently. The long text appeared confusing at first, it seems the benefit outweighs the disadvantages after researches. I wonder if there is a way to shorten this data uri. If not, I will leave as it is.

Re: Thumbnails on news module.

Posted: Thu Mar 14, 2013 6:11 pm
by manuel
Dear luya,

There is no way to shorten that.
If someone looks at your code they will be impressed that you are using that rather than thinking how ugly it looks ;)

Greetings,
Manuel

Re: Thumbnails on news module.

Posted: Sat Mar 16, 2013 3:14 pm
by cb2004
As said that is better, but if it annoys you just use noembed='1'.