Feb 192013
 

Last Updated: December 21, 2015

Custom Display CataBlog Items In Suffusion Theme tutorial will show you how to customize the display of your items in Suffusion Theme or child theme.

Latest News: I have made some changes to the document.

Hint: Remember to always work with a child theme if you are going to add custom code.

In this post you will learn how to remove the sidebars from the front of your website and add some customization to your CataBlog items in Suffusion theme.

CataBlog Advanced Tutorials

  1. Lightbox Title Permanently Displayed Tutorial
  2. Add Quantity Product Website
  3. Add Video To Product Description Tutorial
  4. Integrate Catablog Into Your Theme
  5. Custom Display CataBlog Items In Suffusion Theme
  6. Different Size Thumbnail Images
  7. Shopping Cart Template
  8. Responsive Settings
  9. Move Meta Text To Right Side LightBox
  10. Troubleshooting

Custom Display CataBlog Items In Suffusion Theme Steps

Step 1 ) First you need to read the previous tutorial Integrate CataBlog into your theme tutorial. This will help you understand how to copy and paste the content.

Step 2 ) Suffusion comes with many different templates. In this example you will be copying and pasting the content from no-sidebar.php template file into the single-catablog-items.php file and taxonomy-catablog-terms.php file.

Note: You can choose any template you want as long as the end result is what you want.

Step 3 ) If you are using a different template than the one mentioned above, then add the following filter to remove the right sidebar. Add this filter above the following code <?php get_footer(); ?>.

<?php

add_filter(‘suffusion_can_display_right_sidebars’, ‘kill_right_sidebars’); ?>

Step 3-a ) If you are using a template with a left sidebar then add the following filter to remove the right sidebar. Add this filer above the following code <?php get_footer(); ?>.

<?php

add_filter(‘suffusion_can_display_left_sidebars’, ‘kill_left_sidebars’); ?>

Step 4 ) It is also important to make sure CataBlog items occupy the whole width. You can achieve this by adding the following CSS custom style code style=”width: 1000px;” to <div id=”single-col”>. This will increase the content width to a full size page or post.

Note: If you want to achieve a responsive layout then change the 1000px to 100%.

Example Code:

<div id=”single-col” style=”width: 1000px;”>

or

<div id=”single-col” style=”width: 100%;”>

After you complete the above, your CataBlog items will display using the full width without any sidebars.

I hope you enjoyed this little tutorial. Click on the following URL Different Size Thumbnail Images to continue.

Come back for more

For more CataBlog tutorials check the following Link

Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

  2 Responses to “Custom Display CataBlog Items In Suffusion Theme”

  1. Hi, I’m sure this is outlined somewhere but I can’t find it. could you direct me to the instructions to have individual items open in a new page? Thanks, Lynn

    • Hi Lynn, thank you for your question. I replied to your question in the plugin support forum. Let me know if you need more help.

      Kind regards

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)