https://github.com/codevise/pageflow-before-after

Page type for displaying before/after images.
https://github.com/codevise/pageflow-before-after

Last synced: 5 months ago
JSON representation

Page type for displaying before/after images.

• Host: GitHub
• URL: https://github.com/codevise/pageflow-before-after
• Owner: codevise
• Created: 2014-07-22T09:28:04.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2024-01-15T05:52:00.000Z (over 2 years ago)
• Last Synced: 2025-12-04T15:22:13.075Z (6 months ago)
• Language: JavaScript
• Size: 80.1 KB
• Stars: 0
• Watchers: 9
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# Pageflow Before After

[![Gem Version](https://badge.fury.io/rb/pageflow-before-after.svg)](http://badge.fury.io/rb/pageflow-before-after)

[![Build Status](https://github.com/codevise/pageflow-before-after/workflows/tests/badge.svg)](https://github.com/codevise/pageflow-before-after/actions)

Page type showing before/after image sliders.

## Installation

Add this line to your application's Gemfile:

    # Gemfile

    gem 'pageflow-before-after'

Register the page type:

    # config/initializers/pageflow.rb

    Pageflow.configure do |config|

      config.page_types.register(Pageflow::BeforeAfter.page_type)

    end

Include javascripts and stylesheets:

    # app/assets/javascripts/pageflow/application.js

    //= require "pageflow/before_after"

    # app/assets/javascripts/pageflow/editor.js

    //= require pageflow/before_after/editor

    # app/assets/stylesheets/pageflow/application.scss

    @import "pageflow/before_after";

    # app/assets/stylesheets/pageflow/themes/default.scss

    @import "pageflow/before_after/themes/default";

Execute `bundle install`

Restart the application server.

## Troubleshooting

If you run into problems while installing the page type, please also refer to the [Troubleshooting](https://github.com/codevise/pageflow/wiki/Troubleshooting) wiki page in the [Pageflow  repository](https://github.com/codevise/pageflow). If that doesn't help, consider [filing an issue](https://github.com/codevise/pageflow-before-after/issues).

## Contributing Locales

Edit the translations directly on the

[pageflow-before-after](http://www.localeapp.com/projects/public?search=tf/pageflow-before-after)

locale project.