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:
- Create a new post/page as usual. Go in to the editor in “Text” mode.
- 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"] - Add the
[amazon-wrap-start]shortcode. This is the start of the products. - 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).
- Add the
[amazon-wrap-end]shortcode. This is the end of the products. - 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_trimset 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” |
|
| Buy from Amazon.com | button=”buy-from” button=”buy-from-red” button=”buy-from-blue” button=”buy-from-green” |
|
| rounded buttons | add “rounded” to end of code i.e., button=”read-more-rounded” button=”buy-from-red-rounded” |
|
