The Section Store

_REQUEST: Array
(
)
1

_SESSION: Array
(
)
1

All Native Shopify Sections Anywhere

There are no blocks matching the search terms.

ATB Sections

banner image timber bootstrap

banner,image,timber,bootstrap

Banner

FREE

Robust banner with highly configurable options for background image, parallax, text overlay, titles and buttons. Use this to build a beautiful lookbook.

Get Section

divider hr universal html

divider,hr,universal,html

Dividing Line

FREE

Separate your content with a dividing line.

Get Section

filters product timber bootstrap

filters,product,timber,bootstrap

Collection Filters

$10.00

Add product filters to a collection page

Get Section

filters product mad-libs universal

filters,product,mad-libs,universal

Mad Product Filters

$10.00

Add product filters to a collection page in a unique Mad Libs style

Get Section

image banner text universal

image,banner,text,universal

50-50 Split Banner

FREE

Keep your user moving down the page with alternately oriented blocks of image and text. Actionanable with buttons, this section can stand alone or set a rhythm for your pages.

Get Section

text html wysiwyg universal

text,html,wysiwyg,universal

Text

FREE

Add any content to any page using a robust Wysiwyg text editor. You can add images, format your text, even add your own html.

Get Section

video embed universal iframe

video,embed,universal,iframe

Responsive Video

FREE

Easily paste in a responsive Youtube or Vimeo video into any product or page

Get Section

Native Shopify Sections

section_objects: Array
(
    [0] => Array
        (
            [name] => Banner
            [id] => banner
            [price] => 0
            [banner] => //i.imgur.com/AooID5E.png
            [icon] => //i.imgur.com/p5V0jO0.png
            [screenshots] => Array
                (
                    [0] => //i.imgur.com/OcChZrR.png
                    [1] => //i.imgur.com/OcChZrR.png
                    [2] => //i.imgur.com/OcChZrR.png
                )

            [tags] => banner,image,timber,bootstrap
            [description] => Robust banner with highly configurable options for background image, parallax, text overlay, titles and buttons. Use this to build a beautiful lookbook.
            [settings] => Array
                (
                    [0] => Array
                        (
                            [id] => title
                            [label] => Title
                            [info] => The title goes here
                            [default] => Image block title
                            [type] => text
                        )

                    [1] => Array
                        (
                            [id] => content
                            [label] => Content
                            [info] => The content goes here
                            [type] => text
                        )

                    [2] => Array
                        (
                            [id] => button_title
                            [label] => Button title
                            [info] => Add a title for your button here
                            [type] => text
                        )

                    [3] => Array
                        (
                            [id] => button_link
                            [label] => Button link
                            [info] => Add a link here. i.e https://www.apps.sltwtr.com
                            [type] => text
                        )

                    [4] => Array
                        (
                            [id] => image
                            [label] => Image
                            [info] => Upload a background image here
                            [type] => image
                        )

                    [5] => Array
                        (
                            [id] => height
                            [label] => Height
                            [info] => Define block height
                            [default] => 100
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [label] => 100%
                                            [value] => 100
                                        )

                                    [1] => Array
                                        (
                                            [label] => 75%
                                            [value] => 75
                                        )

                                    [2] => Array
                                        (
                                            [label] => 50%
                                            [value] => 50
                                        )

                                    [3] => Array
                                        (
                                            [label] => 25%
                                            [value] => 25
                                        )

                                )

                            [type] => select
                        )

                    [6] => Array
                        (
                            [id] => img_contain
                            [label] => Contain or Cover
                            [info] => Choose if you want to contain the image in this block, or use cover for full width / height
                            [default] => cover
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [label] => Contain
                                            [value] => contain
                                        )

                                    [1] => Array
                                        (
                                            [label] => Cover
                                            [value] => cover
                                        )

                                )

                            [type] => select
                        )

                    [7] => Array
                        (
                            [id] => parallax
                            [label] => Parallax
                            [info] => Include cool parallax scrolling on image
                            [default] => true
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [label] => True
                                            [value] => true
                                        )

                                    [1] => Array
                                        (
                                            [label] => False
                                            [value] => false
                                        )

                                )

                            [type] => select
                        )

                    [8] => Array
                        (
                            [id] => position
                            [label] => Image Position
                            [info] => Choose the alignment of the image
                            [default] => center center
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [label] => Bottom left
                                            [value] => bottom left
                                        )

                                    [1] => Array
                                        (
                                            [label] => Center left
                                            [value] => center left
                                        )

                                    [2] => Array
                                        (
                                            [label] => Top left
                                            [value] => top left
                                        )

                                    [3] => Array
                                        (
                                            [label] => Bottom center
                                            [value] => bottom center
                                        )

                                    [4] => Array
                                        (
                                            [label] => Center center
                                            [value] => center center
                                        )

                                    [5] => Array
                                        (
                                            [label] => Top center
                                            [value] => top center
                                        )

                                    [6] => Array
                                        (
                                            [label] => Bottom right
                                            [value] => bottom right
                                        )

                                    [7] => Array
                                        (
                                            [label] => Center right
                                            [value] => center right
                                        )

                                    [8] => Array
                                        (
                                            [label] => Top right
                                            [value] => top right
                                        )

                                )

                            [type] => select
                        )

                    [9] => Array
                        (
                            [id] => text_align
                            [label] => Text align
                            [info] => Choose the alignment of the text
                            [default] => center
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [label] => Left
                                            [value] => left
                                        )

                                    [1] => Array
                                        (
                                            [label] => Center
                                            [value] => center
                                        )

                                    [2] => Array
                                        (
                                            [label] => Right
                                            [value] => right
                                        )

                                )

                            [type] => select
                        )

                    [10] => Array
                        (
                            [id] => text_color
                            [label] => Text Color
                            [default] => #FFFFFF
                            [info] => Choose a color for the text
                            [type] => colorpicker
                        )

                    [11] => Array
                        (
                            [id] => button_color
                            [label] => Button color
                            [default] => #FFFFFF
                            [info] => Choose a color for the button
                            [type] => colorpicker
                        )

                    [12] => Array
                        (
                            [id] => button_text_color
                            [label] => Button text color
                            [default] => #000000
                            [info] => Choose a color for the button text
                            [type] => colorpicker
                        )

                )

        )

    [1] => Array
        (
            [name] => Dividing Line
            [id] => divider
            [price] => 0
            [banner] => //i.imgur.com/OcChZrR.png
            [icon] => //i.imgur.com/ba3VsGM.png
            [screenshots] => Array
                (
                    [0] => //i.imgur.com/OcChZrR.png
                    [1] => //i.imgur.com/OcChZrR.png
                    [2] => //i.imgur.com/OcChZrR.png
                )

            [video] => //player.vimeo.com/video/180350618
            [tags] => divider,hr,universal,html
            [description] => Separate your content with a dividing line.
            [long_description] => Separate your content with a dividing line. Separate your content with a dividing line. Separate your content with a dividing line. Separate your content with a dividing line. Separate your content with a dividing line. Separate your content with a dividing line. Separate your content with a dividing line. Separate your content with a dividing line.
            [settings] => Array
                (
                    [0] => Array
                        (
                            [id] => color
                            [label] => Line Color
                            [default] => #000000
                            [info] => Select a color for the dividing line
                            [type] => colorpicker
                        )

                    [1] => Array
                        (
                            [id] => thickness
                            [label] => Line Thickness
                            [info] => Define line thickness
                            [default] => 1px
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [label] => 1pt
                                            [value] => 1px
                                        )

                                    [1] => Array
                                        (
                                            [label] => 2pt
                                            [value] => 2px
                                        )

                                    [2] => Array
                                        (
                                            [label] => 3pt
                                            [value] => 3px
                                        )

                                    [3] => Array
                                        (
                                            [label] => 4pt
                                            [value] => 4px
                                        )

                                    [4] => Array
                                        (
                                            [label] => 5pt
                                            [value] => 5px
                                        )

                                    [5] => Array
                                        (
                                            [label] => 10pt
                                            [value] => 10px
                                        )

                                )

                            [type] => select
                        )

                    [2] => Array
                        (
                            [id] => width
                            [label] => Divider Width
                            [default] => 90%
                            [info] => Select a width for the dividing line
                            [type] => select
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [label] => 25%
                                            [value] => 25%
                                        )

                                    [1] => Array
                                        (
                                            [label] => 50%
                                            [value] => 50%
                                        )

                                    [2] => Array
                                        (
                                            [label] => 75%
                                            [value] => 75%
                                        )

                                    [3] => Array
                                        (
                                            [label] => 90%
                                            [value] => 90%
                                        )

                                    [4] => Array
                                        (
                                            [label] => 100%
                                            [value] => 100%
                                        )

                                )

                        )

                )

        )

    [2] => Array
        (
            [name] => Collection Filters
            [id] => filters
            [price] => 10
            [banner] => //i.imgur.com/uvH3igT.png
            [icon] => //i.imgur.com/1ydNa2K.png
            [screenshots] => Array
                (
                    [0] => //i.imgur.com/OcChZrR.png
                    [1] => //i.imgur.com/OcChZrR.png
                    [2] => //i.imgur.com/OcChZrR.png
                )

            [tags] => filters,product,timber,bootstrap
            [description] => Add product filters to a collection page
            [settings] => Array
                (
                    [0] => Array
                        (
                            [id] => filter_categories
                            [label] => Label
                            [info] => Names of the filters
                            [default] => 
                            [type] => text
                            [repeatable] => 1
                        )

                    [1] => Array
                        (
                            [id] => filter_strings
                            [label] => Tag List
                            [info] => Comma separated list of tags to filter by.  *Matches index of categories
                            [default] => 
                            [type] => text
                            [repeatable] => 1
                        )

                )

        )

    [3] => Array
        (
            [name] => Mad Product Filters
            [id] => mad-filters
            [price] => 10
            [banner] => //i.imgur.com/tgCuf5u.png
            [icon] => //i.imgur.com/AvjH427.png
            [screenshots] => Array
                (
                    [0] => //i.imgur.com/OcChZrR.png
                    [1] => //i.imgur.com/OcChZrR.png
                    [2] => //i.imgur.com/OcChZrR.png
                )

            [tags] => filters,product,mad-libs,universal
            [description] => Add product filters to a collection page in a unique Mad Libs style
            [settings] => Array
                (
                    [0] => Array
                        (
                            [id] => phrase
                            [label] => Phrase
                            [info] => Enter your phrase here with label placeholders inside brackets.  e.g. ##Style##
                            [default] => 
                            [type] => textarea
                        )

                    [1] => Array
                        (
                            [id] => filter_categories
                            [label] => Label
                            [info] => Names of the filters
                            [default] => 
                            [type] => text
                            [repeatable] => 1
                        )

                    [2] => Array
                        (
                            [id] => filter_strings
                            [label] => Tag List
                            [info] => Comma separated list of tags to filter by.  *Matches index of categories
                            [default] => 
                            [type] => text
                            [repeatable] => 1
                        )

                    [3] => Array
                        (
                            [id] => background_image
                            [label] => Background Image
                            [info] => Background Image for the phrase section
                            [default] => none
                            [type] => image
                        )

                    [4] => Array
                        (
                            [id] => background_color
                            [label] => Background Color
                            [info] => Background Color for the phrase section
                            [default] => #000
                            [type] => colorpicker
                        )

                    [5] => Array
                        (
                            [id] => text_color
                            [label] => Text Color
                            [info] => Color for the phrase text
                            [default] => #FFF
                            [type] => colorpicker
                        )

                    [6] => Array
                        (
                            [id] => select_color
                            [label] => Select Color
                            [info] => Color for the selectable text
                            [default] => #EEE
                            [type] => colorpicker
                        )

                    [7] => Array
                        (
                            [id] => font_size
                            [label] => Font Size
                            [info] => Color for the selectable text
                            [default] => 30px
                            [type] => select
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [label] => 20
                                            [value] => 20px
                                        )

                                    [1] => Array
                                        (
                                            [label] => 30
                                            [value] => 30px
                                        )

                                    [2] => Array
                                        (
                                            [label] => 40
                                            [value] => 40px
                                        )

                                    [3] => Array
                                        (
                                            [label] => 50
                                            [value] => 50px
                                        )

                                )

                        )

                    [8] => Array
                        (
                            [id] => container_selector
                            [label] => AJAX Container Selector
                            [info] => *Advanced* Products container selector for AJAX loading, a CSS/jQuery selector of the element that contains the product grid.
                            [default] => 
                            [type] => text
                        )

                )

        )

    [4] => Array
        (
            [name] => 50-50 Split Banner
            [id] => split_banner
            [price] => 0
            [banner] => //i.imgur.com/B8STSuV.png
            [icon] => //i.imgur.com/kvHPeJD.png
            [screenshots] => Array
                (
                    [0] => //i.imgur.com/OcChZrR.png
                    [1] => //i.imgur.com/OcChZrR.png
                    [2] => //i.imgur.com/OcChZrR.png
                )

            [tags] => image,banner,text,universal
            [description] => Keep your user moving down the page with alternately oriented blocks of image and text. Actionanable with buttons, this section can stand alone or set a rhythm for your pages.
            [settings] => Array
                (
                    [0] => Array
                        (
                            [id] => title
                            [label] => Title
                            [info] => Title text
                            [default] => 
                            [type] => text
                        )

                    [1] => Array
                        (
                            [id] => title_size
                            [label] => Title Size
                            [info] => How big would you like the title
                            [default] => h1
                            [type] => select
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [value] => h1
                                            [label] => h1
                                        )

                                    [1] => Array
                                        (
                                            [value] => h2
                                            [label] => h2
                                        )

                                    [2] => Array
                                        (
                                            [value] => h3
                                            [label] => h3
                                        )

                                    [3] => Array
                                        (
                                            [value] => h4
                                            [label] => h4
                                        )

                                    [4] => Array
                                        (
                                            [value] => h5
                                            [label] => h5
                                        )

                                )

                        )

                    [2] => Array
                        (
                            [id] => my_image
                            [label] => Image
                            [default] => 
                            [info] => Image to fill one half
                            [type] => image
                        )

                    [3] => Array
                        (
                            [id] => left_or_right
                            [label] => Left or Right
                            [info] => Would you like the image on the left or right?
                            [default] => left
                            [type] => select
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [value] => left
                                            [label] => Left
                                        )

                                    [1] => Array
                                        (
                                            [value] => right
                                            [label] => Right
                                        )

                                )

                        )

                    [4] => Array
                        (
                            [id] => paragraph
                            [label] => Body Text
                            [default] => 
                            [info] => You can include html here
                            [type] => html
                        )

                    [5] => Array
                        (
                            [id] => text_align
                            [label] => Text Alignment
                            [default] => center
                            [info] => Paragraph alignment of the text in the banner. Can be overridden in the text area editor.
                            [type] => select
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [value] => center
                                            [label] => Center
                                        )

                                    [1] => Array
                                        (
                                            [value] => left
                                            [label] => Left
                                        )

                                    [2] => Array
                                        (
                                            [value] => right
                                            [label] => Right
                                        )

                                )

                        )

                    [6] => Array
                        (
                            [id] => height
                            [label] => Height
                            [default] => 
                            [info] => Height of the banner.
                            [type] => select
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [value] => auto
                                            [label] => Auto (based on height of content)
                                        )

                                    [1] => Array
                                        (
                                            [value] => 100vh
                                            [label] => 100% Screen Size
                                        )

                                    [2] => Array
                                        (
                                            [value] => 75vh
                                            [label] => 75% Screen Size
                                        )

                                    [3] => Array
                                        (
                                            [value] => 50vh
                                            [label] => 50% Screen Size
                                        )

                                    [4] => Array
                                        (
                                            [value] => 25vh
                                            [label] => 25% Screen Size
                                        )

                                )

                        )

                )

        )

    [5] => Array
        (
            [name] => Text
            [id] => text
            [price] => 0
            [banner] => //i.imgur.com/3xH5C0o.png
            [icon] => //i.imgur.com/JBPe0Qi.png
            [screenshots] => Array
                (
                    [0] => //i.imgur.com/OcChZrR.png
                    [1] => //i.imgur.com/OcChZrR.png
                    [2] => //i.imgur.com/OcChZrR.png
                )

            [tags] => text,html,wysiwyg,universal
            [description] => Add any content to any page using a robust Wysiwyg text editor. You can add images, format your text, even add your own html.
            [settings] => Array
                (
                    [0] => Array
                        (
                            [id] => title
                            [label] => Title
                            [info] => Include a title
                            [type] => text
                        )

                    [1] => Array
                        (
                            [id] => description
                            [label] => Description
                            [info] => You can add text or html here
                            [type] => html
                        )

                    [2] => Array
                        (
                            [id] => text_align
                            [label] => Text align
                            [info] => Choose the alignment of the text
                            [default] => center
                            [type] => select
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [label] => Left
                                            [value] => left
                                        )

                                    [1] => Array
                                        (
                                            [label] => Center
                                            [value] => center
                                        )

                                    [2] => Array
                                        (
                                            [label] => Right
                                            [value] => right
                                        )

                                )

                        )

                )

        )

    [6] => Array
        (
            [name] => Responsive Video
            [id] => video
            [price] => 0
            [banner] => //i.imgur.com/SkmHhS6.png
            [icon] => //i.imgur.com/zdntgnl.png
            [screenshots] => Array
                (
                    [0] => //i.imgur.com/OcChZrR.png
                    [1] => //i.imgur.com/OcChZrR.png
                    [2] => //i.imgur.com/OcChZrR.png
                )

            [tags] => video,embed,universal,iframe
            [description] => Easily paste in a responsive Youtube or Vimeo video into any product or page
            [settings] => Array
                (
                    [0] => Array
                        (
                            [id] => video_url
                            [label] => Video URL
                            [info] => Copy the embeded url source from Youtube or Vimeo and paste here
                            [type] => text
                        )

                    [1] => Array
                        (
                            [id] => aspect_ratio
                            [label] => Aspect Ratio
                            [info] => Choose the video aspect ratio
                            [default] => embed-responsive-16by9
                            [type] => select
                            [options] => Array
                                (
                                    [0] => Array
                                        (
                                            [label] => 16:9
                                            [value] => embed-responsive-16by9
                                        )

                                    [1] => Array
                                        (
                                            [label] => 4:3
                                            [value] => embed-responsive-4by3
                                        )

                                )

                        )

                )

        )

)
1