Add a slider to the spree homepage
Ruby
Pull request Compare This branch is 1 commit ahead of priviterag:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
config
db/migrate
lib
script
spec
vendor/assets
.gitignore
.rspec
Gemfile
LICENSE
README.textile
Rakefile
Versionfile
spree_slider.gemspec

README.textile

SpreeSlider

Add a slider to the homepage of your Spree site, and manage the slideshow from within the Admin panel.

Installation

To install, add spree_slider to your Gemfile and run `bundle install`:

gem 'spree_slider', github: 'priviterag/spree_slider'

Then install and run the migrations to add the tables:


bundle exec rake railties:install:migrations
bundle exec rake db:migrate

This extension comes with three sliders plugins: Nivo, SimpleCarousel and Anything slider
Depending on which plugin you want to install, run the following command:

Anything slider

rails generate spree_slider:install_anything

SimpleCarousel slider

rails generate spree_slider:install_simple_carousel

Nivo slider

rails generate spree_slider:install_nivo

The slider is almost unstyled. To customize you have to add your own css and
eventually modify the partial copied into your app folder:
app/views/spree/shared/_slider.html.erb

Or Roll your own!

You may want to theme your site your own way. If you want to include your own library such Bootstrap or Foundation.
Just add your own to your asset pipeline, and update your theme templates with appropriate markup. Example:

<% if Spree::Slide.published.count > 0 %>
  <section id="slideshow">
    <ul class="slide">
      <% Spree::Slide.published.order('position ASC').each do |s| %>
        <li>
          <h1><%= s.slide_name %></h1>
          <%= link_to image_tag(s.slide_image.url), url_for(s.slide_link) %>
        </li>
      <% end %>
    </ul>
    <a title="<%= t(:previous) %>" class="slider-prev"><%= t(:previous)%></a>
    <a title="<%= t(:next) %>" class="slider-next"><%= t(:next) %></a>
  </section>
<% end %>

Dynamic content management

To add dynamic content, go to the spree admin section, under ‘Configuration’
and find the Spree Slider menu.

Copyright © 2012 R.S.A. released under the New BSD License