Resources

Tangram Carousel

Overview

A blazing-fast way to create an animated image carousel.

Installation & Activation

TanGram can easily be downloaded from inside WordPress using Extend.

  1. Download the plugin from Extend. It will now appear in your Plugins tab.
  2. Click Plugins, and find your TanGram plugin (titled PageLines Section TanGram).
  3. Click Activate to be able to use the plugin inside your editor.
  4. Go to your PageLines Builder where you will now find TanGram in the Gallery section.

Configuration

As with all section, the TanGram section includes the Standard Section Options such as padding/margin, background options and etc.

The TanGram section options are separated into two categories, these are Config options and TanGram Items Set-up.

Config

The config options allows us to control how the TanGram Carousel is set-up

Max Items In View
Control how many items are shown, you can select between 2-6 items.

Transition Speed
Control the transition speed of the carousel, select between .5-20 seconds.

Disable Animation
Disable the animation on page load.

Tangram Item Set-up

The Tangram Item Set-up options are where you configure the individual Carousel items.

Add/Remove Carousel Items
To add additional Carousel items, click the +Add Item button. To remove, click the X icon.

Add/Remove item

Ordering Carousel Items
To re-order Carousel items, simply place the mouse cursor over the item and drag-and-drop to change the order of items. The Item name will automatically change to represent the order of the item e.g. item 3 moves into item 1, item 3 will rename to item 1.

Ordering Items

Tangram Image (Required)
Add an image to the Carousel by either using the Upload option or selecting an image from the WordPress Media library.

Image Link
Adds a link to the entire Carousel body. Enter the URL for the address you wish the carousel to navigate to.

Note: When entering an address into the URL field, be sure to include the http:// in the address e.g. http://www.pagelines.com/ instead of www.pagelines.com/.

Best Results

For the best results using the TanGram Carousel section, we recommend using images that have the same dimensions

Shortcode

The TanGram section can be inserted into a page, post or widget using the shortcode below. This is used as a quick reference and we recommend including a unique ID.


[pl_section section="tangram" id="Enter_Unique_Id_Here"]