WooCommerce Simple Add Related Products to Blog Posts Plugin

This Plugin makes it easy to add WooCommerce “Related Products” to individual blog posts.
Select any of your WooCommerce Products from the WordPress “Add Post” admin screen to add them to the bottom of your post content. Inserts the selected products with linked thumbnails to the bottom of your post content and includes css classes that make them easy to customize! This plugin is not meant to be an all encompassing WooCommerce Related Products Add-On. It is just a simple solution to get WooCommerce products onto your blog posts

Requirement: You must have the WooCommerce plugin installed with existing live products.

Note: Some knowledge of CSS required to customize the look of the related products and add to cart buttons.

Simply activate this plugin from the Plugins page and select your Blog’s “parent” category under “Settings > Related Products on Posts” to enable the related products on those pages only. Then, a new admin meta box will appear in the Blog Post Editor Page. There you can select any of your current WooCommerce plugins from a simple list. After you publish the post the related products will appear directly after your post content in thumbnail size. All of the HTML elements have classes assigned for easy style customization.

1. 

   Screenshot of the plugin listed on the Plugins admin page.

2. 

   Screenshot showing the "Related Product on Blog Posts" Settings Page

3. 

   Screenshot showing the "Related Product on Blog Posts" Settings Page correctly configured

4. 

   Screenshot of the Custom Meta Box that appears on the "Add New Post" page. The products listed are for example purposes only. Your product list will differ.

5. 

   Screenshot showing an example of the related products as they appear at the bottom of a blog post.

I have activated the plugin, how come I can’t see the “Related Products” section in the “Add New Posts” page?

It may be hidden by default. While on the Blog Post Editor Page, go to the top right under “Screen Options” and make sure “Related Products” box is selected.

How come my product images are oddly sized or different sizes?

It is up to you to optimize your own images for online use. This includes using uniform image dimensions for all your products or setting “max-width”, “max-height” styles in your CSS files.

How do I customize the look of the related products?

All of the HTML elements have unique classes for easy CSS customization. By default, the width of each related product displayed in the blog post is set at 25%. So, if you have 4 related products selected, they will display inline next to each other. However, more than that will stack the related products below accordingly. Unfortunately at this time, the related products are only displayed in your site’s default “thumbnail size”, so it will be up to you to upload good images and customize them using CSS.

Does this feature work on Custom Post Types?

This version has not been tested with custom post types. Currently it is intended only to appear on normal wp posts with the post_type of “post” and the parent blog category you select under “Settings > Related Products on Posts”

Does this feature work with Post Excerpts?

Currently this feature is designed to display related products only on single blog posts, not archive or category pages.

0.0

• Initial Upload.

1.0

• Fixed Post Excerpt Bug.

1.5

• Fixed Cart Bug.

2.1

• Fixed Various Bugs, Plugin Conflicts and CSS.

2.5

• Add to Cart Button on related products!

3.0

• Bug fixes, compatibility updates, product prices and mobile responsiveness

3.1

• Fixed comma problem and update DB install

3.2

• Stylesheet update