Shortcode – UX Banner grid

Banner Grid

[ux_banner_grid] [col span="6"] [ux_banner height="600px" link="#" bg="https://gps.ee/wp-content/uploads/2013/08/dummy.gif" text_align="left" text_pos="left bottom" text_width="40%" text_color="dark"]

Women Tank Tops

____

HOT Summer Singlet

Now 19$

____ [button text='Shop now' link='http://' style='alt-button primary'] [/ux_banner] [/col] [col span="3" ] [ux_banner height="600px" link="#" bg="https://gps.ee/wp-content/uploads/2013/08/dummy.gif" hover="fade"]

Summer

____

SALE STARTS TODAY

____ [/ux_banner] [/col] [col span="3" ] [ux_banner height="292px" link="#" bg="https://gps.ee/wp-content/uploads/2013/08/dummy.gif" hover="fade"]

NEW JEANS IN STOCK

____ [/ux_banner] [/col] [col span="3"] [ux_banner height="292px" link="#" bg="https://gps.ee/wp-content/uploads/2013/08/dummy.gif" hover="fade"]

SHOP MEN SALE

____ [/ux_banner] [/col] [/ux_banner_grid]
[ux_banner_grid]

[col span="6"]
[ux_banner height="600px" bg=""] [/ux_banner]
[/col]

[col span="3" ]
[ux_banner height="600px" bg=""] [/ux_banner]
[/col]

[col span="3" ]
[ux_banner height="292px" bg=""] [/ux_banner]
[/col]

[col span="3"]
[ux_banner height="292px" bg=""] [/ux_banner]
[/col]

[/ux_banner_grid]

3-column Banner Row


[row]

[col span=1/3]
[ux_banner link="http://localhost:8888/test/blog/" bg="http://imageurl" hover="zoom" height="160px"]
<h2 class="uppercase">Weekly Giveaway</h2>
___
[/ux_banner]
[/col]

[col  span=1/3]
[ux_banner link="http://localhost:8888/test/blog/" bg="http://imageurl" hover="zoom" height="160px"]
<h2 class="uppercase">Join our  competition</h2>
___
[/ux_banner]
[/col]

[col span=1/3]
[ux_banner link="http://localhost:8888/test/pages/about-us/" bg="http://imageurl" hover="zoom" height="160px"]
<h2 class="uppercase">ABOUT US </h2>
___
[/ux_banner]
[/col]

[/row]

Banner Grid Style with slider

[ux_banner_grid] [col span="9"] [block id="slider-homepage-slides-video"] [/col] [col span="3" ] [ux_banner height="292px" link="#" bg="https://gps.ee/wp-content/uploads/2013/08/dummy.gif" hover="fade"]

NEW JEANS IN STOCK

____ [/ux_banner] [/col] [col span="3"] [ux_banner height="292px" link="#" bg="https://gps.ee/wp-content/uploads/2013/08/dummy.gif" hover="fade"]

SHOP MEN SALE

____ [/ux_banner] [/col] [/ux_banner_grid]
[ux_banner_grid]

[col span="9"]

[ux_slider]
[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[/ux_slider]
[/col]

[col span="3" ]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1>
____
[/ux_banner]
[/col]

[col span="3"]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">SHOP MEN SALE</h1>
____
[/ux_banner]
[/col]

[/ux_banner_grid]

Banner Grid Style with slider

[ux_banner_grid] [col span="6"] [block id="slider-homepage-slides-video"] [/col] [col span="3"] [ux_banner height="600px" link="#" bg="https://gps.ee/wp-content/uploads/2013/08/dummy.gif" hover="fade"]

SPRING IS SOON HERE

____ [/ux_banner] [/col] [col span="3" ] [ux_banner height="292px" link="#" bg="https://gps.ee/wp-content/uploads/2013/08/dummy.gif" hover="fade"]

NEW JEANS IN STOCK

____ [/ux_banner] [/col] [col span="3"] [ux_banner height="292px" link="#" bg="https://gps.ee/wp-content/uploads/2013/08/dummy.gif" hover="fade"]

SHOP MEN SALE

____ [/ux_banner] [/col] [/ux_banner_grid]
[ux_banner_grid]

[col span="6"]

[ux_slider]
[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[/ux_slider]
[/col]

[col span="3" ]
[ux_banner height="600px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1>
____
[/ux_banner]
[/col]

[col span="3" ]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1>
____
[/ux_banner]
[/col]

[col span="3"]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">SHOP MEN SALE</h1>
____
[/ux_banner]
[/col]

[/ux_banner_grid]

Leave a Reply