Using the Amazon Grid Filter Plugin

Download the Plugin Add-on

Before installing the plugin, make sure you are using Amazon Product in a Post plugin version 4.0.3.3 or higher.

Do the following first:

    • Go to plugin settings under the Amazon product menu in the admin. Click on the “Styles” tab and check “Use My Styles”.
    • In the box below the checkbox (where the styles go), delete all the styles that are there and then add the following:
      .amazon-grid-filter-element {height: 350px;}
      .amazon-grid-filter-wrapper {border: 0 none;}
      .amazon-grid-filter-element{border: 0 none;}
    • You may need to adjust the 350px in the above style if the grid is too small. This depends on the theme.
    • Then save the settings.

To use the plugin:

  1. Create a new post/page as usual. Go in to the editor in “Text” mode.
  2. Add the plugin filter shortcode first with just a “tags” parameter ([amazon-grid-filter-links]). The tags should be pipe | separated. Example:
    [amazon-grid-filter-links tags="Category One|Category Two|Category Three"]
  3. Add the [amazon-wrap-start] shortcode. This is the start of the products.
  4. Add each category shortcode ([amazon-grid-filter]). The shortcode should have the following parameters:
    • tag – a category that should match one of the tags in the [amazon-grid-filter-links] shortcode you added.
    • columns – Number of columns to have. Default is 4, so anything else needs to be specified.
    • trim_title – Since titles can be long, this is the number of words to trim the title to. It will add “…” to the end. Recommended “5”
    • button – The type and color of the button. See blow for buttons you can use.
    • asin – All the ASINs you want in that category (no limit).
  5. Add the [amazon-wrap-end] shortcode. This is the end of the products.
  6. Update/publish the post.

Tips:

  • Don’t have a line break between the [amazon-grid-filter] shortcodes or the [amazon-wrap-start] shortcode otherwise WordPress will add <p> tags where the new lines are.
  • Have the title_trim set to 5 or 6 max. or the boxes will not be in a nice grid layout.
  • In the Plugin settings, check to hide the title bindings. This will make the titles a little shorter as well.
  • In the [amazon-grid-filter-links] shortcode, you can add the tags in the order you want them to appear.
  • The tags in the [amazon-grid-filter-links] shortcode MUST MATCH EXACTLY to the tag you add for the [amazon-grid-filter].

Here is a layout of the products you had as of 9/13/. Copy and paste this into a page or post to try it:

[amazon-grid-filter-links tags="Pet Supplies|Home & Kitchen|Health, Household & Baby Care|Grocery & Gourmet Food|Garden & Outdoors|Beauty & Personal Care|Items Under $2"]
[amazon-wrap-start][amazon-grid-filter tag="Pet Supplies" columns="3" trim_title="5" button="buy-from-blue-rounded" asin="B0197UIFZU,B004T5X0N6,B0002RJM8C,B0032G6VVQ,B007TU2Y0I,B00BGWA8OE,B0087Y5OIE,B003ZNXCFO,B003XVYKVI,B0037Z6VK8,B007VPFC8C,B005FQH3B8,B000JOE224,B00E3R16PE,B00028ZMEO,B00025640S,B0002DGIGK,B001FK4744,B0002DK6W2,B000VOE3QW,B00CW4QKZQ,B000R9WRIC,B00027467O,B000LNS418,B00JZIDDQG,B00EPDRJUW,B00NMMSRJE,B002VAIOTG,B005191DK6,B00LO1O0VO,B004WCTQIO,B007RLDT94,B000AU64Q4,B0002DHA3K"][amazon-grid-filter tag="Home & Kitchen" columns="3" trim_title="5" button="buy-from-blue-rounded" asin="B00062B2W2,B0000CFQJS,B000HJBFC6,B00005BZRZ,B076FTCXVV,B000XZTSYQ,B00CEH7W9E,B00VEDFG6A,B000HJ76HO,B00004Z4H4,B000BY900G,B00A282UZI,B007HB4SJ4,B00YETV0AW,B0042ZB1YI,B00EVY2SKG,B001MBTMT6,B006SFUCSG,B001KYSAN4,B00HDM9I3S,B011JA1NXM,B00WGA94OA,B00HY8GI2A,B004KS9MQQ,B002NU6HOI,B0000CFMP7,B0042SQPO6,B002C12EHM,B00NY45VQ2,B00C6D2WL4,B00004YOHN,B000ASIK9U,B002PIEAH4,B002BDUPOU,B000HEIUBU,B0006IX7UQ,B000GATVQI"][amazon-grid-filter tag="Health, Household & Baby Care" columns="3" trim_title="5" button="buy-from-blue-rounded" asin="B008O47ILI,B005ME90GE,B00JCJD72S,B0043P0IAK,B0006LCQ4Q,B00164IIUI,B00UASJM1K,B00WEBVM5U,B001QKDI48,B01ALAV2QY,B00004OCLJ,B0045I6IAO,B001F731N0,B001TIOLN4,B005LGC362,B004HM368U,B01MZ5T0HF,B0009STDOW,B01HI7VYNE,B007TIVLQ8,B0019J6XSY,B00IE76Q7M,B01MSZU59Z,B00119XYFM,B004XFUSRI,B010OVNPEW,B001579YRM,B00EFBOSV2,B000JKCY8M,B008RFQ7W0,B01EMWIXL4,B07DGPHZ63,B0136MDZFK,B00PTL7CSS,B00126LXNO,B00112AFZG,B01E6UJTGU,B0025MYX2M,B077B15TX3,B00DZ0MAD2,B00BV47KTS"][amazon-grid-filter tag="Grocery & Gourmet Food" columns="3" trim_title="5" button="buy-from-blue-rounded" asin="B00HSXT8EQ,B07BDCWXNB,B00ARABK20,B00112KVNW,B0000GL6RK,B0123L2TSO,B00D0G3GFW,B00D5VL5QE,B007M8FRV0,B002F1PSZY,B00BN1U7P8,B00D1DP00S,B0087RC7MM,B00CREXSHY,B00I9VAHD2,B00HZB9AJY,B077Y6VVQG,B00I9VAHD2,B007W14RM2,B000QSFW2C,B004167NFO,B00A64NOPI,B000I4PY1S,B00HNSJSX2,B0773TXQ3G,B00DQJYFYY,B01IDUY1VC,B001BKNFSC,B0040MM7C8,B00R61K7FO,B00FN6GOPG,B073WG161Z,B00RVJYXNS,B00FN6GOPG,B00FRDUHKI"][amazon-grid-filter tag="Garden & Outdoors" columns="3" trim_title="5" button="buy-from-blue-rounded" asin="B002VAIOTG,B00N6XKVNY,B000NCV0RW,B01IF1HSKA,B004S0PGPM,B01D51VBF8,B000BXMF7C,B003VN02ZG,B000UGPKYU,B00KW228V0,B00PZZFJQK,B003B3N5YG,B000A3IMP2,B01D51VBF8,B000RH3DW8,B0008JGSCM,B00AA8WPGY,B004MMEHKG,B00BBAP274,B00004TBKM,B0009KMWES"][amazon-grid-filter tag="Beauty & Personal Care" columns="3" trim_title="5" button="buy-from-blue-rounded" asin="B008FZ81JY,B00062NVV2,B00B4YVU4G,B00RFUG9TY,B003RPCIYG,B000R36HKC,B01M1CFLUI,B008O47ILI,B0048ZKDT6,B00EIA4JA0,B01H680GH0,B000GCHVGI,B00CDWSONS,B00AEN4QZ8,B00PGQYEUK,B0048ZILMW,B009N5VPN4,B00IV1E948,B005IHT8KI,B003JFJF5E,B00DU63DAU,B00164IIUI,B000RZPVV6,B01LYQPATI,B00ID1I2Z8,B005GMY26K,B00DVKM0AY,B00TB00HPS,B001EJIMRO,B01EO2KLDU,B008OLJW0Q,B06XDX4TMT,B002QF4UYY,B0758QDPDW,B00UFRLQ60,B01BE6QPFC"][amazon-grid-filter tag="Items Under $2" columns="3" trim_title="5" button="buy-from-blue-rounded" asin="B00HQRCVFC,B078XYF78X,B00EOA8KRM,B0009STDOW,B01N1ZGWFR,B00LO3237K,B00IKRW7QU,B003RPCIYG,B00D1DP00S,B0076RQNDI,B000AAIAH0,B00N4OSR8Q,B0014CXESI,B001TIA9FS,B0048ZKDT6,B000BQOCRK,B005T44Q2K,B001K7SEDC,B07F23MSWX,B00MQYWCFY,B00UFG65FI,B000LNR27U,B006K0OK1Y,B007LAZ098,B008FVZPSS,B004SMEXPY,B00081J3NQ,B000BY900G,B01N4V8ST6,B00Q2Q4XV8,B0722JGXY8,B00062B2W2,B001JTI7TW,B008ORY1AQ,B01M2UWSSR,B00YCXDHG0,B000BQT3E2,B077W56BQV"][amazon-wrap-end]

Button Options

Button Name parameter to use: Output
Read More button=”read-more”
button=”read-more-red”
button=”read-more-blue”
button=”read-more-green”
Read More
Read More
Read More
Read More
Buy from Amazon.com button=”buy-from”
button=”buy-from-red”
button=”buy-from-blue”
button=”buy-from-green”
Buy from Amazon.com
Buy from Amazon.com
Buy from Amazon.com
Buy from Amazon.com
rounded buttons add “rounded” to end of code
i.e., button=”read-more-rounded”
button=”buy-from-red-rounded”
Read More
Buy from Amazon.com