• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 7 posts ] 
Author Message
 Post subject: Website local restaurant / indoor playground
PostPosted: Sun Apr 27, 2014 9:47 am 
Offline
Dev Team Member
Dev Team Member

Joined: Mon Nov 28, 2011 9:29 am
Posts: 3090
Location: The Netherlands
Recently brought online.
http://tinyurl.com/nxcbtad

Design comes from design company.

Cms Version: 1.11.10
Installed Modules (not core):

CGSimpleSmarty: 1.7.2
CGExtensions: 1.38.6
CGSmartImage: 1.16.1
ListIt2: 1.4.1
ListIt2XDefs: 1.2
GBFilePicker: 1.3.3

Lot of effort to make it as flexible as possible for the owner to change content. Some example screenshots of backend below.

Page 'spelen': slider
Max 4 images that can be choosen/uploaded. Automatic cropping by CGSmartImage

Attachment:
cms_showoff_slider.jpg
cms_showoff_slider.jpg [ 118.74 KiB | Viewed 3164 times ]


Page 'feest -> kinderfeestjes'

Choose background color, column, image and of course content.

Attachment:
cms_showoff_li2_kinderfeest.jpg
cms_showoff_li2_kinderfeest.jpg [ 137.98 KiB | Viewed 3219 times ]


Page 'menukaart -> dranken'

Provide name and price. Conditionally euro-sign is used on frontpage (if price starts with a digit). Automatically distribute categories between the 3 columns.

Attachment:
cms_showoff_li2_dranken_overview.jpg
cms_showoff_li2_dranken_overview.jpg [ 155.01 KiB | Viewed 3219 times ]


Page 'menukaart -> pizza'

Provide name, ingredients, price and category.

Attachment:
cms_showoff_li2_pizza.jpg
cms_showoff_li2_pizza.jpg [ 116.16 KiB | Viewed 3219 times ]


Page 'contant'

Openingstijden (visiting hours)

Attachment:
cms_showoff_li2_openingstijden.jpg
cms_showoff_li2_openingstijden.jpg [ 55.75 KiB | Viewed 3219 times ]


General: multiple page templates. Use of template inheritance.
Must read: http://www.i-do-this.com/blog/Smarty-template-Inheritance-include-file-templates-and-template-resources-in-CMS-Made-Simple/57

Attachment:
cms_showoff_template_inheritance.jpg
cms_showoff_template_inheritance.jpg [ 123.16 KiB | Viewed 3219 times ]


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Website local restaurant / indoor playground
PostPosted: Sun Apr 27, 2014 10:22 pm 
Offline
Forum Members
Forum Members
User avatar

Joined: Sat Feb 27, 2010 2:37 pm
Posts: 193
Location: Finland
Nice one. Really like the design. And seems baby is in good use. Props from design and execution.

Cheers.


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Website local restaurant / indoor playground
PostPosted: Sun Apr 27, 2014 11:21 pm 
Offline
Dev Team Member
Dev Team Member
User avatar

Joined: Sat Apr 18, 2009 10:09 pm
Posts: 1425
Location: Maidenhead, UK
Great visual design, but even better to see the backend and how some of it works. Super use of ListIt2 and how the content is kept completely separate to the design.

Nice one O0


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Website local restaurant / indoor playground
PostPosted: Wed May 14, 2014 2:37 am 
Offline
Forum Members
Forum Members

Joined: Tue Aug 24, 2010 9:13 am
Posts: 21
Nice work, stunning design. I will be developing a single page site soon, seeing this gives me confidence it can be done in CMSMS.


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Website local restaurant / indoor playground
PostPosted: Wed May 14, 2014 8:13 am 
Offline
Dev Team Member
Dev Team Member

Joined: Mon Nov 28, 2011 9:29 am
Posts: 3090
Location: The Netherlands
Thanks (note that design is not mine).

This website is not a one-pager by the way. It could have been, but I choose to make it this way because I had limited resources (budget/time).

It's not that hard to make it a one pager though it will take a lot of work to make it SEO friendly etc. (I think).


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Website local restaurant / indoor playground
PostPosted: Thu May 15, 2014 8:09 am 
Offline
Forum Members
Forum Members
User avatar

Joined: Tue Feb 15, 2011 8:44 am
Posts: 38
Location: Helsinki, Finland
Looking nice!

How did you do that "Silder"-tab for content (in first pic)?


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Website local restaurant / indoor playground
PostPosted: Thu May 15, 2014 8:18 am 
Offline
Dev Team Member
Dev Team Member

Joined: Mon Nov 28, 2011 9:29 am
Posts: 3090
Location: The Netherlands
Thanks.

To get the tab just add tab="Slider" to the {content... } tag

I use GBFilePicker module for the selection of files.
CGSmartImage module is used for image resizing/cropping.

Code:
{content_module block="filepicker_block_slider_1" module="GBFilePicker" assign="slider_image1" label="Afbeelding 1 slider" tab="Slider" mode="browser" media_type="image" dir="images"}
{content_module block="filepicker_block_slider_2" module="GBFilePicker" assign="slider_image2" label="Afbeelding 2 slider" tab="Slider" mode="browser" media_type="image" dir="images"}
{content_module block="filepicker_block_slider_3" module="GBFilePicker" assign="slider_image3" label="Afbeelding 3 slider" tab="Slider" mode="browser" media_type="image" dir="images"}
{content_module block="filepicker_block_slider_4" module="GBFilePicker" assign="slider_image4" label="Afbeelding 4 slider" tab="Slider" mode="browser" media_type="image" dir="images"}

...


<div id="slider" class="cycle group"> 
  <div class="slider-image-container">
    {if $slider_image1}{CGSmartImage src=$slider_image1 filter_croptofit='695,299,,1' noembed=1 alt="" class="slide-item"}{/if}
{if $slider_image2}{CGSmartImage src=$slider_image2 filter_croptofit='695,299,,1' noembed=1 alt="" class="slide-item"}{/if}
{if $slider_image3}{CGSmartImage src=$slider_image3 filter_croptofit='695,299,,1' noembed=1 alt="" class="slide-item"}{/if}
{if $slider_image4}{CGSmartImage src=$slider_image4 filter_croptofit='695,299,,1' noembed=1 alt="" class="slide-item"}{/if}
     <div id="pager">
           <ul id="pager-ul"> </ul>
        </div>
  </div>


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
Display posts from previous:  Sort by  
Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 7 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
A2 Hosting