Accordions

This shortcode allows the easy embedding of [Accordions] in pages and product descriptions.

Usage

You can then use the following shortcode.

[accordion source="" type=""]

Available variables

Variable Default Description
source Required

Get source from here:
type Required style1 | style2 | style3 | style4

Demo: https://swebuild.myshopify.com/pages/list3

Advanced Carousel

This shortcode allows the easy embedding of [Advanced Carousel] in pages and product descriptions.

Usage

You can then use the following shortcode.

[carousel source=""]

Available variables

Variable Default Description
source Required

Get source from here:

Demo: https://swebuild.myshopify.com/pages/transmission2

Alert Boxes

This shortcode allows the easy embedding of [Alert Boxes] in pages and product descriptions.

Usage

You can then use the following shortcode.

[alert icon="" text="" close="" type=""]

Available variables

Variable Default Description
icon Required

Icon is taken from here: http://fontawesome.io/icons/
text Required "Text" is the Content of Alert
close 0 | 1

Demo: https://swebuild.myshopify.com/pages/warning2

Animation Block

This shortcode allows the easy embedding of [Animations Block] in pages and product descriptions.

Usage

You can then use the following shortcode.

[animate name="" text=""]

Available variables

Variable Default Description
name Required

Get animation name here https://daneden.github.io/animate.css/

Click on viewsource, then you can see the Shortcode:
text Required text is the content of animate block.
text Required Describing the content of Shortcode

Demo: https://swebuild.myshopify.com/pages/spinner10

Blockquote

This shortcode allows the easy embedding of [Blockquote] in pages and product descriptions.

Usage

You can then use the following shortcode.

[blockquote text="" subtext="" type=""]

Available variables

Variable Default Description
text Required

Describing the content of Blockquote
subtext Required Describing the content of Subtext of Blockquote.
type style1 | style2

Demo: https://swebuild.myshopify.com/pages/quotes-right

Buttons

This shortcode allows the easy embedding of [Buttons] in pages and product descriptions.

Usage

You can then use the following shortcode.

[button class="" text=""]

Available variables

Variable Default Description
class Required Class is the required attribute.
text Required Text is the content of Button.

Demo: https://swebuild.myshopify.com/pages/minus2

Call to Action

This shortcode allows the easy embedding of [Call to Action] in pages and product descriptions.

Usage

You can then use the following shortcode.

[action title="" text="" btn-text="" btn-link="" bcolor="" type=""]

Available variables

Variable Default Description
title Required Title of object.
text Required Content of object.
btn-text Required Describing the content of button
btn-link Required Describing the link of button.
bcolor Required Describing the color of border of object.
type style1 | style2 | style3 | style4 | style5 | style6 | style7 | style8 | style9 | style10 | sstyle11 | style12

Demo: https://swebuild.myshopify.com/pages/mouse3

Count Down Timer

This shortcode allows the easy embedding of [Count Down Timer] in pages and product descriptions.

Usage

You can then use the following shortcode.

[clock date="" type=""]

Available variables

Variable Default Description
date Required Entering date with format: 2017/09/05 00:52:41
type style1 | style2 | style3 | style4 | style5 | style6 | style7 | style8

Demo: https://swebuild.myshopify.com/pages/clock

Fancy Text

This shortcode allows the easy embedding of [Fancy Text] in pages and product descriptions.

Usage

You can then use the following shortcode.

[facytext source="" speed="2000" showItems="" pause="3000" mousePause="true" direction="down"

Available variables

Variable Default Description
source Required

Get source of Fancy Text here:
speed Required Determines the speed - A valid time value (defined in milliseconds)
pause Required Describing the transition-delay property specifies when the transition effect will start. A valid time value (defined in milliseconds)
mousePause True | False When hovering mouse over the text, it will pause.
direction up | down The direction property specifies the text direction/writing direction.

Demo: https://swebuild.myshopify.com/pages/text-height

FAQ

This shortcode allows the easy embedding of [FAQ] in pages and product descriptions.

Usage

You can then use the following shortcode.

[faq source=""]

Available variables

Variable Default Description
source Required

Get animateion name here:

Demo: https://swebuild.myshopify.com/pages/pen

title

- Step 1: Please go to /admin/themes/

- Step 2: Click on button: Customize Theme

- Step 3: scroll to selection

Then you will see the Faq Title's result on Frontend:

content

- Step 1: Please go to /admin/themes/

- Step 2: Click on button: Customize Theme

- Step 3: scroll to selection

Then you will see the Faq Content's result on Frontend:

Flip Boxes

This shortcode allows the easy embedding of [Flip Boxes] in pages and product descriptions.

Usage

You can then use the following shortcode.

[flipbox source="" type=""]

Available variables

Variable Default Description
source Required

Get Flip Boxes Source from here:
type style1 | style2

Demo: https://swebuild.myshopify.com/pages/upload

Get a Quote

This shortcode allows the easy embedding of [Get a Quote] in pages and product descriptions.

Usage

You can then use the following shortcode.

[quote]

This is a shortcode to create form "Get a Quote" .

Demo: https://swebuild.myshopify.com/pages/medal3

Google Maps

This shortcode allows the easy embedding of [Google Maps] in pages and product descriptions.

Usage

You can then use the following shortcode.

[map zoom="18" lat="" lng=""]

Available variables

Variable Default Description
zoom Required

The initial resolution at which to display the map is set by the zoom property, where zoom 0 corresponds to a map of the Earth fully zoomed out, and larger zoom levels zoom in at a higher resolution. Specify zoom level as an integer.
lat & lng Required Get it from this link: https://developers.google.com/maps/documentation/javascript/examples/map-latlng-literal

Demo: https://swebuild.myshopify.com/pages/map

Info Boxes

This shortcode allows the easy embedding of [Info Boxes] in pages and product descriptions.

Usage

You can then use the following shortcode.

[infobox source="" type=""]

Available variables

Variable Default Description
source Required

Get source of Info Boxes from here:
type style1 | style2 | style3 | style4 | style5 | style6 | style7 | style8 | style9 | style10 | sstyle11 | style12

Demo: https://swebuild.myshopify.com/pages/checkbox-unchecked3

Info Circle

This shortcode allows the easy embedding of [Info Circle] in pages and product descriptions.

Usage

You can then use the following shortcode.

[infocircle source="" type=""]

Available variables

Variable Default Description
source Required

Get Info Circle's source here:
type style1 | style2 | style3 | style4 | style5

Demo: https://swebuild.myshopify.com/pages/radio-unchecked

Interactive Banners

This shortcode allows the easy embedding of [interactive Banners] in pages and product descriptions.

Usage

You can then use the following shortcode.

[banner source="" type=""]

Available variables

Variable Default Description
source Required

Get Interactive Banners's source here:
type style1 | style2 | style3 | style4 | style5 | style6 | style7 | style8 | style9 | style10 | sstyle11 | style12

Demo: https://swebuild.myshopify.com/pages/subtract

Meet the Team

This shortcode allows the easy embedding of [meet the team] in pages and product descriptions.

Usage

You can then use the following shortcode.

[team source="" type=""]

Available variables

Variable Default Description
name Required

Get Meet the Team's source from here
type style1 | style2 | style3 | style4 | style5 | style6 | style7

Demo: https://swebuild.myshopify.com/pages/users

Tabs

This shortcode allows the easy embedding of [Tabs] in pages and product descriptions.

Usage

You can then use the following shortcode.

[tab source="" type=""]

Available variables

Variable Default Description
source Required

Get Tabs'source from here
type style1 | style2 | style3 | style4

Demo: https://swebuild.myshopify.com/pages/tabs

Testimonials

This shortcode allows the easy embedding of [Testimonials] in pages and product descriptions.

Usage

You can then use the following shortcode.

[testimonials source="" type=""]

Available variables

Variable Default Description
name Required

Get Testimonials's source from here:
type style1 | style2 | style3

Demo: https://swebuild.myshopify.com/pages/testimonials