Boutique (Limited)

Boutique is a fancier showcase of your image library. It requires some quick customization to look good, but is plenty worth it. This theme uses fonts from Google Web Fonts.

Note: This is a limited theme that does not incorporate all the features of Alkaline (such as blog posting). This particular theme is made for imagemakers.

Demo
http://boutique.alkalineapp.com/

Cost
Free when you buy any Alkaline license

Requirements

• Alkaline v1.0.2 or greater.

Screenshots







Thumbnails

• Small (fill, 100x100)
• Medium (scale, 270x270)
• Wide (fill, 620x100)
• Large (scale, 950x950)

Installation

1. Install Boutique like any other theme. Drag the folder /boutique/ into the folder /themes/.
2. Go to your Dashboard, choose Themes, and make sure Boutique is there.
3. To make your Alkaline look like our Boutique demo, make a few changes:
   • On index.php, change this line to have it show 4 images on the front page:
     
     PHP:

     $image_ids->page(null, 15, 4);
   • On index.php, add these lines to load sets and their images:
     
     
     PHP:

     if($image_ids->page == 1){
         $set_ids = new Find('sets');
         $set_ids->find();
     
         $sets = new Set($set_ids);
         $sets->addSequence('last', 3);
         $sets->getImages(5);
         $sets->images->getSizes();
   
         $set_list = new Canvas;
         $set_list->load('set_list');
         $set_list->loop($sets);
         $set_list->display();
     }
   • On tag.php, let's get the size small (not medium) instead:
     
     PHP:

     $images->getSizes('small');
   • On page.php and search.php, let's replace the headers and footers with slim ones:
     
     
     PHP:

     $header->load('header_slim');
     (...)
     $footer->load('footer_slim');
   • On page.php and image.php, replace these to format the times:
     
     
     PHP:

     // On page.php:
     $pages->formatTime('F j, Y');
     
     
     // On image.php:
     $images->formatTime('F j, Y');
4. On image.php, let's generate and add the next-previous links:
   
   
   PHP:

   // Replace these lines:
     $image_ids = new Find('images');
     $image_ids->published();
     $image_ids->page(null, 1);
     $image_ids->with($id);
     $image_ids->privacy('public');
     $image_ids->sort('image_published', 'DESC');
     $image_ids->find();
     
     
     // Add these lines:
     $next_image = new Image($image_ids->ids_after[0]);
     $count = count($image_ids->ids_before) -1; $before_image = new Image($image_ids->ids_before[$count]);
     
     
     // Let's add the variables to $content template:
     $content->assign('Image_Previous_URI', $next_image->images[0]['image_uri']);
     $content->assign('Image_Next_URI', $before_image->images[0]['image_uri']);

Lastly, you should customize the header.html file in your /boutique/ folder with links to the Sets and Pages you want to showcase in your navigation bar. The JavaScript included with the theme will automatically make the transitions.