We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 22958
    • 50 Posts
    Hi All,

    I want to make the frontend of my website like joomla’s style. Please see: http://www.thebusinessmakers.com/ , http://www.trockadero.org/

    There some contents with thumbnails in the frontend. There is ’Read more’ links.

    Is it TV, snippets or ?? How to do that ? Any tips ?

    Thanks.
    Best Regards,
    - pedma -
      • 16545
      • 358 Posts
      Ditto + TV for image
        • 36678
        • 152 Posts
        ...and Jot to comments smiley
          Multylingo 1.0 alpha (snippet + plugin) - For creation a full-featured multilingual site with MODx Evo
          My sites:
          Мисли, интересни мисли
          • 4429
          • 429 Posts
          As others have posted. you can recreate both of these reasonably simply using ditto to pull in the stories and a TV to display the images. you would need to create a chunk for the ditto template.

          e.g

          call on home page:

          [[Ditto? &startID=`9` &summarize=`4` &total=`20` &commentschunk=`CommentsBlog` &tpl=`BlogTemplate` &paginate=`1` &alwaysshow=`1` &extenders=`summary,dateFilter` &paginateAlwaysShowLinks=`1` &tagData=`documentTags` &tagDelimiter=`, ` &hiddenFields=`featuredimage` &dateSource=`pub_date` &dateFormat=` %A, %e %B, %Y`]]


          TV:
          Create a TV called whatever you like and select input type as image. I called mine ’featuredimage’

          Chunks:
          Here is my template chunk called ’BlogTemplate’
          <h3>
          	<a href="[~[+id+]~]" title="[+title+]">[+title+]</a>
          </h3> <!-- link to blogs article with it's title (link is title) -->
          
          
          <strong>Tags:</strong> [+tagLinks+] |
          
          <strong>Comments: </strong><a  href="[~[+id+]~]#commentsAnchor">
           ([[Jot? &docid=`[+id+]` &action=`count-comments`]])
          </a><!-- link to the article with comments form and comment count --> |
          
          
          
           <strong>Author:</strong>[+author+] |
          <strong>Published:</strong>[+date+] 
          
          
          
          
          
          <div class="blogsummary">
           <br/><img src="[+featuredimage+]" width="100" class="fl" />
          <strong>Summary:</strong> [+introtext+]
          <strong>Link:</strong> [+link+] <br/>
          
          </div>
          <div class="socialbookmark">
          {{bookmark-ditto-tpl}}
          <script type="text/javascript">function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=[(site_url)][~[*id*]~]" onclick="return fbs_click()" target="_blank"><img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" /></a>
          
          </div>
          <br/>
          <br/>
          <br/>
          <hr/>
          
          


          I have ripped this code off once of my sites so it probably contains a load of stuff you don’t need, like tags and social bookmarks etc.. but thought it might help in providing an example.
            • 22958
            • 50 Posts
            Hi Labasus, Vassil & c-m,

            Thanks for your information...
            c-m, very nice ... I will try it. Thanks.

            Best Regards,
            - pedma -