Ecommerce Shortcode



*Use underscore in place of spaces in values. e.g. Like_this


Cart Button

[cart title=t count=1]
Place a link to open the shopping cart.
Title is optional, and may include fa-xxx for FontAwesome icons.
count = Show number of items. (Optional)
[cart title=My_Cart]  My Cart
[cart title=My_Cart_fa-shopping-basket]  My Cart
[cart title=My_Cart_fa-shopping-cart]  My Cart
[cart title=My_Cart_fa-shopping-bag]  My Cart
Create your own by calling javascript:cart()


Custom Product Options

(*Values in "vals=" can can a line-break (ctrl+enter) but not a new paragraph (enter).)

[cartop title=t vals=t,t,t]
Create a selection box for custom options. (Comma separates values.)

[cartop vals=One,Two$10,Three$20]
Add on to the original price.
Option "Two" costs $10 more, and "Three" costs $20 more.

[cartop vals=One,Two,^Three,/Four$44]
Default option selected (Three), with a ^ (caret).
Disabled option Four, with a / (slash).

[cartop vals=20-24]
Create a numeric range of options.

[cartop noempty=1 nolabel=1 required=1 disabled=1 class=acustomclass,helloclass]
noempty = Force no empty option.
nolabel = No text label on the side.
required = a selection will be required and made visible before it can be added to the cart.
disabled = will disable the field, for whatever reason that might be preferred.
class = Include custom classes in the element (comma separated).

Selection Dependencies

[cartop parent=ValueOfAnotherSelection]   *Experimental
parent = this option will hide if another (parent) value is not selected.

Option Dependencies

[cartop vals=One~~Red|Yellow,Two,Three~~Blue]
Option "One" will look for "Red" or "Yellow" in another selection field. If neither are found, it will be disabled.
Option "Two" will be normal.
Option "Three" will look for "Blue" in another selection field, and disable itself if not found.
Matches are separated by a vertical line |.
Values are separated by commas as always.
Example: value,value,value~~match|match|match,value,value~~match|match




Listing products

[product-list max=n o=t maxprice=n currency=$ size=n hw=h|w]
max = Maximum products to show. (Default is 8)
o = Order by... (new, old, name, random, lowprice, highprice) (Defaults to new)
maxprice - the highest price to show. i.e. $10 or less.
size = Size of thumbnails in pixels. (Defaults to 160)
hw = Either h or w, referring to whether size refers to height or width. (Defaults to h)
currency = Currency symbol to prefix prices with. (Defaults to $)

[product id=1,2,3,4 size=160 currency=$ label=t link=t noprice=1 center=1 class=t,t,t]
Used to list one product or multiple (comma separated) by ID.
id = One or more product ID's. (Required)
size = Max height in pixels (Defaults to 160).
currency = Currency symbol to prefix prices with. (Defaults to $)
label = Custom labels that replace product name. (comma separated)
link = Custom links that replace product link. (comma separated)
noprice = Hide prices.
center = Center label text.
class = Custom classes added to the base element. (comma separated)

[product history=1 limit=n size=60]
List up to 20 "recently viewed" products.
limit = Limit the number of items displayed. (Optional)
size = Height in pixels (Default: 60)

Generate a list of links to all brands in your shop.
To use images, upload them your shop specific folder (i.e. /p1234) named like brand-Sony.png. File names are Case-Sensitive and must match the brand name.
To force text when images exist, use textonly=1.

[product-cat title=t divider=💎 class=t exclude=t,t,t]
title = optional title
divider = optional divider 💎 divider 💎 divider between links.
class = additional classes to include on the main element.
exclude = skip any listed here; comma separated.


Tag cloud for products
Same as a regular tagcloud but using products=1 to get tags from products instead of nodes. 

[tagcloud products=1]


[search title=t]
Place a field to search for products. Title defaults to "Search".