Flyp

Make flipping cards that display different content on front and back. Multiple flip effects, including auto-flipping and randomized flipping.

Flyp splash
Flyp screenshot - Container 1Flyp screenshot - Container 2Flyp screenshot - Container 3Flyp screenshot - Per Card 1Flyp screenshot - Per Card 2Flyp screenshot - Per Card 3Flyp screenshot - Per Card 4Flyp screenshot - Full-Width and Tight Cards

Flyp Details

See all my Marketplace items

Click Here for Support


Background Information

  • Works with DMS 2 only as of v1.4
  • Both Content Width and Full Width
  • Check out the screenshots!

Flyp is a PageLines DMS section that lets you create flippable cards using the 12-column grid.

Note: Internet Explorer does not have the 3D “flipping” effect like other browsers do (Chrome, Firefox, Safari). Instead, it has a “fade” effect as a fallback.

Step-by-Step

  1. Drag into place
  2. Set the height of your cards
  3. Set each card’s width/columns (12 = single card spans entire width)
  4. Insert content for the front
  5. Insert content on the back

Tips

  • Lots of options: width, height, colors, borders, fonts, and more.
  • Works well with the Enhanced Options Editor plugin.
  • Shortcodes¬†work, but you shouldn’t use a Vimeo pl_video shortcode on the front of a card (Vimeo pl_video works well in all browsers on the back of a card).
  • Images get inline styling of max-height to constrain vertical overflow (since max-height doesn’t work quite the same as max-width, unfortunately). It ensures that content larger than the card doesn’t look bad.
  • Let me know if you encounter any issues or have any requests.

Hope you like it, and thanks for your purchases!

See Multiple Flyp Demos!

View Flyp’s Changelog

Get Flyp

30-Day Satisfaction Guarantee

Reviews

There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

Developer

TourKick (Clifford P)

Hi. I'm Clifford, and I consider it an honor for my work to be part of so many different websites. I appreciate each and every purchase. Feel free to contact me to share your new product ideas or to share a testimonial.

Developer Website Product Support