Create nice News Rotator with CMSMS News module and jQ Cycle

Do something cool with CMS? Show us ...
This board is for 'Answers', and the discussion of answers... Not for questions.
Locked
soportepro
Forum Members
Forum Members
Posts: 57
Joined: Fri Nov 04, 2011 10:10 pm

Create nice News Rotator with CMSMS News module and jQ Cycle

Post by soportepro »

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>
OmarDoleymi
New Member
New Member
Posts: 9
Joined: Mon Oct 28, 2013 11:35 am

Re: Create nice News Rotator with CMSMS News module and jQ C

Post by OmarDoleymi »

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.ph ... eturnid=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
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Create nice News Rotator with CMSMS News module and jQ C

Post by 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
OmarDoleymi
New Member
New Member
Posts: 9
Joined: Mon Oct 28, 2013 11:35 am

Re: Create nice News Rotator with CMSMS News module and jQ C

Post by OmarDoleymi »

Dr.CSS wrote: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.ph ... 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:

Code: Select all

{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:

Code: Select all

<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 :)
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12709
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Create nice News Rotator with CMSMS News module and jQ C

Post by Dr.CSS »

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

Return to “Tips and Tricks”