A wide variety of interactive Tab Effects for the Product page description area can be applied to your store by our Professional Services team. Yours can use different colors, etc. than these examples. Contact your sales rep or sales@aleyant.com for pricing.
Effect 1: Sash, Photo Corners
- A rectangular tab
- Applies a blue outline and orange left-slanting stripe across the selected tab
- Reverses the selected tab text color to white
- Unselected tabs have light gray background, dark gray text
- Body text area has a blue background color, white text
- Body text area have corners like a photo in a scrapbook
See it in action
Effect 2: Pill Buttons, Corner Frame
- A white pill-shaped button for the selected tab
- The selected tab text color is dark
- Switching tabs has a L to R white swipe
- Unselected tabs have red background, white text
- Body text area background color is red
- Body text area text color is white
- Body text area has a frame with rounded corners
- White frame has a blue outline
See it in action
Effect 3: Pin, Zipper Edge
- A white rectangular body for the selected tab
- The selected tab text color is red-orange
- Unselected tabs have gray background, blue text
- Body text area background color is orange red
- Body text area text color is white
- Body text area has a zipper-like frame with rounded corners
See it in action
Effect 5: Straight Tab, Edge Color
- A white rectangular body with orange top edge for the selected tab
- The selected tab text color is black
- Unselected tabs have gray background, dark gray text
- Body text area background color is white
- Body text area text color is blue
- Body bullets are blue
- Body bullet text is blue or black
- Body text area has a gray borders
See it in action
Effect 6: Side Pin
- A white body with no outline for the selected tab
- The selected tab text color is blue
- Unselected tabs have white background, black text
- Body text area background color is white
- Body text area text color is black
- Body bullets are black
- Body text area has a gray L, R, bottom borders
See it in action
Effect 7: Reverse Sash, Corner Clips
- A white sash with top and bottom red outline for the selected tab
- The selected tab text color is red
- Unselected tabs have red background, white text
- Body text area background color is white
- Body text area text color is black, orange links
- Body text area has a black top and bottom borders, light gray side borders
See it in action
Effect 8: Tube
- A light gray tab with dark gray outline for the selected tab
- The selected tab text color is magenta
- Unselected tabs have medium gray background, dark gray text
- Body text area background color is white
- Body text area text and bullet color is gray, orange links
- Body text area has a gray border
See it in action
Effect 9: Slant & Flip
- Three right-slanting tabs with blue, orange, or red backgrounds.
- The selected tab is larger, with black text
- The selected tab text color is white
- Selecting a tab flips it horizontally and enlarges it
- Body text area background color is white
- Body text area text is black. Bullet and link color is blue
- Body text area has a gray border
See it in action
Effect 10: Location Dots
- A blue body with red top edge for the selected tab
- The selected tab text color is white
- Unselected tabs have white background, black text
- Body text area background color is white
- Body text area text color is black, link text is blue
- Body bullets are black
- Body text area has a gray border
See it in action
Effect 11: Round Corner Tabs
- A white body with light gray outline for the selected tab
- The selected tab text color is dark gray
- Unselected tabs have dark gray background, white text
- Hovering on unselected tabs turn them red
- Body text area background color is light gray
- Body text area text color is dark gray, link text is blue
- Body text and bullets are dark gray
- Body text area has no outline
See it in action
Effect 12: Callout
- A red callout button for the selected tab
- The selected tab text color is white
- Unselected tabs have white background, black text
- Body text area background color is white
- Body text area text color is purple
- Body text area has a L and R gray border, red bottom border
See it in action
