CMS Made Simple Forums
https://forum.cmsmadesimple.org/

Create nice News Rotator with CMSMS News module and jQ Cycle
https://forum.cmsmadesimple.org/viewtopic.php?f=4&t=67226
Page 1 of 1

Author:  soportepro [ Sat Jul 13, 2013 1:30 pm ]
Post subject:  Create nice News Rotator with CMSMS News module and jQ Cycle

I find this from Goran Ilic Blog:
http://www.i-do-this.com/blog/21/Create ... cle-plugin

Trying to run this and reading all coments, I have this working with my cmsms 1.11.7 some minor changes, great article.

Add missing </div>
Deprecreated {Supersizer...}
Include {CGSmartimage ...}
Left Titles limited to 22 characters and linked to detail news page
Sugested correction to manage arrays.

I hope this help someone, you can see it here live: ( http://www.xcristo.net/news ):

News module Summary Template: summarySlider

<div class="sliderWrapper">
<div class="sliderInner">
<div class="info">
<ul id="navigation">
{foreach from=$items item=entry}
{assign var=post value=$entry->id}
{* assign var=img value=$entry->sliderbig *}
{assign var=img value=$entry->fieldsbyname.SliderBig->value}
<li><a href="{$entry->moreurl}">{if isset($entry->fieldsbyname.SliderBig)}<span class="imageThumb">
{* supersizer path="uploads/news/id$post/$img" width=40 height=40 alt=$entry->title|cms_escape:htmlall *}
{CGSmartImage src="uploads/news/id$post/$img" width="40" height="40" alt=$entry->title|cms_escape:htmlall}

</span>{/if}<span class="postTitle">{$entry->title|substr:0:22|cms_escape}</span></a></li>
{/foreach}</ul>
</div>
<div class="summaryWrapper">
<div class="summaryContent">
{foreach from=$items item=entry}
<div><h2><a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}">{$entry->title|cms_escape}</a></h2>
<span class="date">{if $entry->postdate}{$entry->postdate|cms_date_format}{/if}</span>
{$category_label}{$entry->category}
{if $entry->author}{$author_label}{$entry->author}{/if}<br />
{if $entry->summary}{eval var=$entry->summary}
{else if $entry->content}{eval var=$entry->content}{/if}
</div>{/foreach}
</div>
<div class="summaryImage">
{foreach from=$items item=entry}
{assign var=post value=$entry->id}
{* assign var=img value=$entry->sliderbig *}
{assign var=img value=$entry->fieldsbyname.SliderBig->value}
<div>
{if isset($entry->fieldsbyname.SliderBig)}
{* supersizer path="uploads/news/id$post/$img" width=675 height=350 alt=$entry->title|cms_escape:htmlall *}
{CGSmartImage src="uploads/news/id$post/$img" filter_croptofit='675,350,c,upscale' alt=$entry->title|cms_escape:htmlall}
{/if}
</div>{/foreach}
</div>
</div>
</div>
</div>

Author:  OmarDoleymi [ Mon Oct 28, 2013 11:47 am ]
Post subject:  Re: Create nice News Rotator with CMSMS News module and jQ C

hi how are you?

my name is Omar and I have been trying to learn CMS made simple to implement it on a static website I created

I tried Goran's method as well as yours(on the link below) but I cant seem to find what the problem really is... what you implemented on your website is what I am looking for (with a tweak) I have removed the <div class="info"> and replaced it with arrows (place cursor on banner area)

http://doppiosolutions.com/web/index.php?mact=News,cntnt01,detail,0&cntnt01articleid=7&cntnt01returnid=15

the problem is I can't seem to have the image below the text... I would like your expertise on this matter :)

thanks in advance

Author:  Dr.CSS [ Mon Oct 28, 2013 7:23 pm ]
Post subject:  Re: Create nice News Rotator with CMSMS News module and jQ C

I've read both of your post on this and still can't quite get what you are trying to do, maybe an image of how you want it to look with an explanation of the functions you expect...

This is my News rotator...

http://how-i-did-that.com/cgblog/3/15/S ... oller.html

Author:  OmarDoleymi [ Tue Oct 29, 2013 7:04 am ]
Post subject:  Re: Create nice News Rotator with CMSMS News module and jQ C

Dr.CSS \Dr.CSS:
I've read both of your post on this and still can't quite get what you are trying to do, maybe an image of how you want it to look with an explanation of the functions you expect...

This is my News rotator...

http://how-i-did-that.com/cgblog/3/15/S ... oller.html



I have just solved the problem... the thing is I needed to cycle banners in CMSMS, I had a problem with making the images appear... the Summary did ... but not the image, however I was able to solve the problem...

but now I am facing a new problem...

http://doppiosolutions.com/web/index.php?page=contact-us

I have two separate sliders, the first one is the banner and the second one is to the right, below the banner (did you know) section

the new problem is whenever I try to add something to the Did you know section, it also appear in the banner... although the module I am using is in a different Summary Template

For Did you know section:
\$1:
{foreach from=$items item=entry}
                    <div class=container>
                    <ul><li>
                    {if $entry->summary}{eval var=$entry->summary}
                    {else if $entry->content}{eval var=$entry->content}{/if}         
                   </li></ul></div>{/foreach}   


For Banner Section:
\$1:
<div class="sliderWrapper">
   
        <div class="sliderInner">
       
             <div class="summaryWrapper">
              <div class="summaryContent">
                    {foreach from=$items item=entry}
                    <div style="width:960px">
                   
                    {if $entry->summary}{eval var=$entry->summary}
                    {else if $entry->content}{eval var=$entry->content}{/if}         
                    </div>{/foreach}       
              </div> 
             
              <div class="summaryImage">
     
                {foreach from=$items item=entry} {assign var=post value=$entry->id} {assign var=file value=$entry->sliderbig}
                    <div style="width:960px">
{if isset($entry->fields)}
  {if !empty($entry->fields.sliderbig->value)}
    {capture name='sliderbig' assign='sliderbigpath'}{$entry->file_location}/{$entry->fields.sliderbig->value}{/capture}
{CGSmartImage src=$sliderbigpath filter_croptofit='960,390,c,upscale' alt=$entry->title|cms_escape:htmlall}
{/if}
{/if}
</div>
{/foreach}
 
               </div>
             
             
             </div>
        </div>

</div>


Any tips on how to fix this problem?

Much appreciated :)

Author:  Dr.CSS [ Tue Nov 19, 2013 3:59 pm ]
Post subject:  Re: Create nice News Rotator with CMSMS News module and jQ C

Are you calling the News tag with any particular parameters, maybe you need to use categories to separate them...

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/