Boxes shortcodes


Promobox

[wpsm_promobox background=”#f8f8f8″ highligh_color=”#fb7203″ highlight_position=”left” button_link=”#” button_text=”Purchase Now” title=”Title of promobox” description=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. “]

[ wpsm_promobox background="#f8f8f8" highligh_color="#fb7203" highlight_position="left" button_link="#" button_text="Purchase Now" title="Title of promobox" description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. " ]

Offer box

[wpsm_offerbox button_link=”http://sizam-design.com” button_text=”Buy Now” price=”55$” title=”New Asus N550LF” description=”High-quality materials with premium finishes make N Series laptops both stylish and strong. ” thumb=”http://rehub.wpsoul.com/wp-content/uploads/2014/04/P_500.jpg.png” ]

[ wpsm_offerbox button_link="http://sizam-design.com" button_text="Buy Now" price="55$" title="New Asus N550LF" description="High-quality materials with premium finishes make N Series laptops both stylish and strong. " thumb="http://rehub.wpsoul.com/wp-content/uploads/2014/04/P_500.jpg.png" ]

Example of product finder shortcode

[mdf_chain_menu taxonomy=’product_cat’ exclude=” show_count=1 post_slug=’product’]

[ mdf_chain_menu taxonomy='product_cat' exclude='' show_count=1 post_slug='product' ]

Numbered box

[wpsm_numbox num=”1″ style=”1″]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/wpsm_numbox]

[wpsm_numbox num=”2″ style=”2″]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/wpsm_numbox]

[wpsm_numbox num=”3″ style=”3″]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/wpsm_numbox]

[wpsm_numbox num=”4″ style=”4″]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/wpsm_numbox]

[wpsm_numhead num=”1″ style=”3″ heading=”2″]Numbered headings[/wpsm_numhead]

[wpsm_numhead num=”2″ style=”2″ heading=”3″]Numbered headings[/wpsm_numhead]

[ wpsm_numbox num="1" style="1"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/wpsm_numbox]

Box with title

[wpsm_titlebox title=”Title of box” style=”1″] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_titlebox]

[wpsm_titlebox title=”Title of box” style=”2″] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_titlebox]

[wpsm_titlebox title=”Title of box” style=”3″] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_titlebox]

[wpsm_titlebox title=”Title of box” style=”4″] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_titlebox]

[ wpsm_titlebox title="Title of box" style="4"] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_titlebox]

Boxes with icon

[wpsm_box type=”info” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[wpsm_box type=”download” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[wpsm_box type=”error” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[wpsm_box type=”warning” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[ wpsm_box type="warning" float="none" text_align="left"] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

Code box

When you use codebox shortcode, sometimes you can see that wordpress auto format code such way that it will be not working if someone copy it. This is a problem with wordpress autoformating and “smart quotes”.

For fixing this problem, just add to function.php code

[wpsm_codebox style=”1″]
remove_filter(‘the_content’, ‘wptexturize’);
[/wpsm_codebox]

Color boxes

[wpsm_box type=”yellow” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[wpsm_box type=”green” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[wpsm_box type=”gray” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[wpsm_box type=”blue” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[wpsm_box type=”red” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[wpsm_box type=”dashed_border” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[wpsm_box type=”solid_border” float=”none” text_align=”left”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]

[ wpsm_box type="solid_border" float="none" text_align="left"] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [/wpsm_box]