Scribd
Upload
14 views5 pages

Tutorial - Blog Product Plugin Shortcode

The document provides instructions for using shortcodes to display product tiles from an online shop. It explains how to add a product title shortcode and optionally specify the product's color, mounting style, or interior color using filter attributes. Examples are given for different product shortcodes alone or combined to display multiple products. Color and mounting options must match the specific product's variations.

Uploaded by

gtstuntz.b
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
14 views5 pages

Tutorial - Blog Product Plugin Shortcode

The document provides instructions for using shortcodes to display product tiles from an online shop. It explains how to add a product title shortcode and optionally specify the product's color, mounting style, or interior color using filter attributes. Examples are given for different product shortcodes alone or combined to display multiple products. Color and mounting options must match the specific product's variations.

Uploaded by

gtstuntz.b
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Start with square brackets [ ] and shortcode name

[advanced-shop-product-tile]

Add product title code Be Sure to include a space

[advanced-shop-product-tile product-title='Hollywood Bowl']

( Replace with the title of the desired product )


Titles can be found on the product page of said product
Color and mount style

If you'd like to specify the color and/or mount style, you can add the following to your shortcode:
Be Sure to include a space

[advanced-shop-product-tile product-title='Hollywood Bowl' filter=


'color, green, mounting-style, 20-straight-arm']

Note: For products with interior color choices (such as the Melrose, Laurel, Westwood, etc.) the mounting-style attribute
is replaced by an interior-color attribute. See " Interior color example: " on the next page.

Make sure to use the same formatting shown above including spaces and commas.

Colors Format: Mounts Format:


lower-cased w/ spaces lower-cased w/ quotes (") removed
replaced by hyphen (-) and spaces replaced by hyphen (-)

Examples Examples
black 20-straight-arm
matte-black 16-gooseneck
brown upward-sloping
galvanized 4-ft-black-cord
green 12-galvanized-stem
red flush-mount
white 4-ft-white-cord

Note: Not all lights have the same mount and color options. Please refer to the product page for the desired product
to determine which variations are available.
Example Shortcodes

[advanced-shop-product-tile product-title='Hollywood Bowl' filter=


'color, green, mounting-style, 20-straight-arm']

[advanced-shop-product-tile product-title='Redondo' filter=


'color, galvanized, mounting-style, 23-gooseneck']

[advanced-shop-product-tile product-title='Rose Bowl' filter=


'color, red, mounting-style, 12-galvanized-stem']

Interior color example:


For products with interior color choices (such as Melrose, Laurel, Westwood, etc.)
To select the desired variation, you must include both color and interior-color (instead of mounting-style) attributes as seen here:
[advanced-shop-product-tile product-title='Melrose' filter=
'color, white, interior-color, brass']

Use this attribute instead of


mounting-style
More Example Shortcodes

If no filter options are added, the default variation will be displayed as seen in
the following examples:

[advanced-shop-product-tile product-title='Hollywood Bowl']

[advanced-shop-product-tile product-title='Carson']

[advanced-shop-product-tile product-title='Melrose']
Multiple products
To display multiple products, simply add as many shortcodes in a row as you'd
like. Make sure that the shortcode for each product is contained within it's own
square brackets [ ] and has its own attributes

Example:

[advanced-shop-product-tile product-title='Hollywood Bowl' filter=


'color, green, mounting-
style, 20-straight-arm'][advanced-shop-product-tile product-title='Redondo' filter=
'color, red,
mounting-style, 23-gooseneck'][advanced-shop-product-tile product-title='Melrose']

You might also like