These are a collection of Tips and Tricks to help you get the most from the Fresh Bundle Master plugin.

You can also Get Help in the Community Help Forum

Issues with Bundles Not Displaying Correctly

Depending on the particular theme you are using for your site, you might find that some of the bundle layouts like “Focus” or “Photo Tiles” do not display properly. This is usually caused when a theme has special functions that are forcing the output of various styles on the contents in your posts and pages.

The first thing you can try is to wrap the entire shortcode from our Fresh Bundle Master plugin between a [raw] [/raw] tag. Some themes have a function built in that allows you to use these [raw] wraps and make sure the bundle html display’s properly. Here is an example of how it will look in your page editor:

If that does not work, there is a WordPress plugin that will add this [raw] wrapper functionality to your site. Once you install and activate the plugin, then you can wrap the plugin shortcodes on your posts and pages in the [raw] tag.

Get the Raw HTML plugin

Price Last Updated Time Zone

We have set the “Price Last Updated” to display the time based on your blog settings. If you are seeing the time in the wrong TimeZone, make sure you have gone to SETTINGS => GENERAL => TIMEZONE and selected the correct option.

Finding Custom Button CSS using Firebug

If your theme comes with specialized button shortcodes, you will most likely want to match this style in the Fresh Bundle Master plugin and fine the css classes in your theme that style the buttons.

The first thing we recommend is to install Firefox browser and install the Firebug extension. The Firebug extension is the best tool you can have to figure out what you want to change in the CSS of a site. Yes, there is a Firebug “Lite” extension for Chrome, but it does not work as well. Even if you only use the Firefox browser and Firebug when you want to work on a site design, it will be worth it.

Once you have it installed, it puts a little “bug” icon in the top bar of Firefox, and clicking that will bring up the firebug panel. When you look at the Firebug panel, the second icon at the top says “Click an element in the page to inspect”.

You will need to have a button displaying already on your site, or you can also go to your theme developer’s demo page, as they will usually show all the buttons in the theme demo. You want to inspect the button, and look for the CSS class. Here is an example:

In the above screenshot, we used the element inspector to select the Orange Button. The classes on that button are defined in this part of the html:
 class=”button large orange”

We already have the “button” class on our Buy Now button, so the “large” class and “orange” class need to be added to the “Button Custom CSS Class” in your Display Settings. This will then add those additional classes to our Buy Now button, and it will pick up the styling built into our WordPress theme.

Did this answer your question?