ProductFrame – Curated products from affiliate feeds

Installation

1. Download the latest version
2. Upload the plugin through ‘Plugins’ > ‘Add New’ > ‘Upload plugin’ in your WordPress Dashboard, or upload manually through FTP
3. Add one or more affiliate product feeds through ‘ProductFrame’ > ‘Feeds’
4. Place the [productframe] shortcode wherever you want to display your affiliate products using attributes below

[productframe] shortcode

Displays a selection of products based on the supplied attributes

Supported shortcode attributes

• selection: An ID of a selection of products generated through ‘ProductFrame’ > ‘Selections’
• limit: The amount of products that should be displayed (default: 6)
• product_ids: Display specific product IDs. Separated by a comma, e.g. 123,323,312
• search: Show only products containing this word or sentence in their title
• random: Randomize the results

Examples

• [productframe selection=107]: Show products from the selection with ID 107
• [productframe selection=107 limit=1 random=1]: Show a single random product from the selection with ID 107
• [productframe product_ids="2304,2306,2307,665"]: Show products with specific IDs

[prfr-link] shortcode

Generates an anchor link to a specific product

Supported shortcode attributes

• product_id: The ID of the product that should be linked

Examples

• [prfr-link product_id=67]: Generate a link to product ID 67, anchor text will be the product title
• [prfr-link product_id=67]Custom anchor[/prfr-link]: Generate a link to product ID 67, anchor text will be Custom anchor

Styling

The plugin comes with minimal styling that can be easily adjusted with some custom CSS.

• prfr-products-multiple (div): Wrapper class around all products (if the limit parameter is higher than 1)
• prfr-product (div): Product wrapper class
• prfr-product-image (div): Product image wrapper (contains a > img)
• prfr-product-description (div)
• prfr-product-price (div)
• prfr-button-link (a): The call-to-action button

Colors can be adjusted by overriding the default CSS variables:

• --prfr-button-text-color: Button text color (default: #fff)
• --prfr-button-background-color: Button background color (default: #611431)
• --prfr-button-hover-color: Button hover color (default: #363636)
• --prfr-product-border-color: Color for the border around the individual products