{"id":284,"date":"2013-02-18T11:18:13","date_gmt":"2013-02-18T11:18:13","guid":{"rendered":"http:\/\/pixert.com\/blog\/?p=284"},"modified":"2013-02-18T11:18:13","modified_gmt":"2013-02-18T11:18:13","slug":"how-to-add-show-thumbnail-option-in-wpzoom-featured-category-widget","status":"publish","type":"post","link":"https:\/\/pixert.com\/blog\/how-to-add-show-thumbnail-option-in-wpzoom-featured-category-widget\/","title":{"rendered":"How to add ‘Show Thumbnail’ option in WPZOOM Featured Category Widget"},"content":{"rendered":"

\"WPZOOMFeaturedCategory\"<\/a>Tribune<\/a> is a lovely magazine theme from WPZOOM. The theme has custom widgets name WPZOOM Featured Category Widget
\nYou could use this widget to display categories on homepage like the demo site<\/a>\u00a0(Politics – World – Sports – Automotive). The widget show thumbnails by default, it doesn’t have feature to disable that. What if you want a feature that allow you to show thumbnails for a category, but not for others.
\nIt takes a little bit customization to WPZOOM Featured Category Widget<\/p>\n

1. Open featured-category.php in functions > theme > widgets > featured-category.php<\/p>\n

2. Replace all code between <?php and ?> in featured-category.php with following code<\/p>\n

\r\n\r\n\/*------------------------------------------*\/\r\n\/* WPZOOM: Featured Category widget *\/\r\n\/*------------------------------------------*\/\r\n$wpzoomColors = array();\r\n$wpzoomColors['blue'] = 'Blue';\r\n$wpzoomColors['red'] = 'Red';\r\n$wpzoomColors['black'] = 'Black';\r\nclass wpzoom_widget_category extends WP_Widget {\r\n\r\n\/* Widget setup. *\/\r\n function wpzoom_widget_category() {\r\n \/* Widget settings. *\/\r\n $widget_ops = array( 'classname' => 'wpzoom', 'description' => __('Featured Category Widget for Homepage', 'wpzoom') );\r\n\r\n\/* Widget control settings. *\/\r\n $control_ops = array( 'width' => 250, 'height' => 350, 'id_base' => 'wpzoom-widget-cat' );\r\n\r\n\/* Create the widget. *\/\r\n $this->WP_Widget( 'wpzoom-widget-cat', __('WPZOOM: Featured Category', 'wpzoom'), $widget_ops, $control_ops );\r\n }\r\n\r\n\/* How to display the widget on the screen. *\/\r\n function widget( $args, $instance ) {\r\n extract( $args );\r\n\r\n\/* Our variables from the widget settings. *\/\r\n $title1 = apply_filters('widget_title', $instance['title1'] );\r\n $color1 = $instance['color1'];\r\n $posts1 = $instance['posts1'];\r\n $show_thumb = $instance['show_thumb'] ? true : false;\r\n $category1 = get_category($instance['category1']);\r\n if ($category1) {\r\n $categoryLink1 = get_category_link($category1);\r\n }\r\n\r\n\/* Before widget (defined by themes). *\/\r\n \/\/echo $before_widget;\r\n\r\n$z = 0;\r\n while ($z < 1)\r\n {\r\n $z++;\r\n\r\n$color = "color$z";\r\n $categoryLink = "categoryLink$z";\r\n $title = "title$z";\r\n $posts = "posts$z";\r\n $category = $instance["category$z"];\r\n?>\r\n <?php\r\n\r\necho '<div class="homecat '.$$color.'">';\r\n\r\nif ( $$title ) { echo '<h4><a href="'.$$categoryLink.'">'.$$title.'<\/a><\/h4>'; } ?>\r\n\r\n<ul>\r\n\r\n<?php\r\n $second_query = new WP_Query( array( 'cat' => $category, 'showposts' => $$posts, 'orderby' => 'date', 'order' => 'DESC' ) );\r\n\r\n$i = 0;\r\n if ( $second_query->have_posts() ) : while( $second_query->have_posts() ) : $second_query->the_post();\r\n unset($image,$cropLocation);\r\n $i++;\r\n global $post;\r\n\r\n?>\r\n <li>\r\n\r\n<div class="thumb">\r\n\r\n<?php\r\n\r\n$permalink = get_permalink();\r\n $comments = get_comments_number();\r\n $comment_write = '<span class="meta">'.get_the_date().'<strong>'.$comments.'<\/strong><\/span>';\r\n\r\nif ( $show_thumb ) {\r\n\r\n get_the_image( array( 'size' => 'featured-cat', 'width' => 200, 'height' => 125, 'before' => '<a href="'.$permalink.'">', 'after' => $comment_write.'<\/a>', 'link_to_post' => false ) );\r\n\r\n}\r\n ?>\r\n\r\n<\/div>\r\n\r\n<h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?><\/a><\/h3>\r\n\r\n<p><?php the_content_limit(95); ?><\/p>\r\n\r\n<\/li>\r\n <?php endwhile; ?>\r\n <?php endif; ?>\r\n\r\n<\/ul>\r\n <ul class="stories">\r\n\r\n<?php\r\n $slidepost = new WP_Query( array( 'cat' => $category, 'showposts' => 3, 'offset' => $$posts, 'orderby' => 'date', 'order' => 'DESC' ) );\r\n\r\nwhile ( $slidepost->have_posts() ) {\r\n $slidepost->the_post();\r\n ?><li><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?><\/a><\/li><?php\r\n }\r\n ?>\r\n\r\n<\/ul>\r\n <?php echo '<a href="'.$$categoryLink.'" class="nextActions">'; _e('More in this category &rarr;', 'wpzoom'); echo '<\/a>'; ?>\r\n <\/div>\r\n\r\n<?php\r\n\r\n} \/\/ while\r\n echo ' <!-- end .featCategory -->';\r\n \/* After widget (defined by themes). *\/\r\n \/\/echo $after_widget;\r\n wp_reset_query();\r\n }\r\n\r\n\/* Update the widget settings.*\/\r\n function update( $new_instance, $old_instance ) {\r\n $instance = $old_instance;\r\n\r\n\/* Strip tags for title and name to remove HTML (important for text inputs). *\/\r\n $instance['title1'] = strip_tags( $new_instance['title1'] );\r\n $instance['category1'] = $new_instance['category1'];\r\n $instance['color1'] = $new_instance['color1'];\r\n $instance['posts1'] = $new_instance['posts1'];\r\n $instance['show_thumb'] = $new_instance['show_thumb'];\r\n\r\nreturn $instance;\r\n }\r\n\r\n\/** Displays the widget settings controls on the widget panel.\r\n * Make use of the get_field_id() and get_field_name() function when creating your form elements. This handles the confusing stuff. *\/\r\n function form( $instance ) {\r\n\r\n\/* Set up some default widget settings. *\/\r\n $defaults = array( 'title1' => __('Category Name', 'wpzoom'), 'category1' => '0', 'color1' => 'blue', 'posts1' => '3' );\r\n $instance = wp_parse_args( (array) $instance, $defaults );\r\n global $wpzoomColors;\r\n ?>\r\n\r\n<p>\r\n <label for="<?php echo $this->get_field_id( 'title1' ); ?>"><?php _e('Category Title:', 'wpzoom'); ?><\/label>\r\n <input type="text" class="widefat" id="<?php echo $this->get_field_id( 'title1' ); ?>" name="<?php echo $this->get_field_name( 'title1' ); ?>" value="<?php echo $instance['title1']; ?>" \/>\r\n <\/p>\r\n\r\n<p>\r\n <label for="<?php echo $this->get_field_id('color1'); ?>"><?php _e('Title Background Color:', 'wpzoom'); ?><\/label>\r\n <select id="<?php echo $this->get_field_id('color1'); ?>" name="<?php echo $this->get_field_name('color1'); ?>" style="width:90%;">\r\n <?php\r\n foreach ($wpzoomColors as $key => $value) {\r\n $option = '<option value="'.$key;\r\n if ($key == $instance['color1']) { $option .='" selected="selected';}\r\n $option .= '">';\r\n $option .= $value;\r\n $option .= '<\/option>';\r\n echo $option;\r\n }\r\n ?>\r\n <\/select>\r\n <\/p>\r\n\r\n<p>\r\n <label for="<?php echo $this->get_field_id('category1'); ?>"><?php _e('Category:', 'wpzoom'); ?><\/label>\r\n <select id="<?php echo $this->get_field_id('category1'); ?>" name="<?php echo $this->get_field_name('category1'); ?>" style="width:90%;">\r\n <option value="0">Choose category:<\/option>\r\n <?php\r\n $cats = get_categories('hide_empty=0');\r\n\r\nforeach ($cats as $cat) {\r\n $option = '<option value="'.$cat->term_id;\r\n if ($cat->term_id == $instance['category1']) { $option .='" selected="selected';}\r\n $option .= '">';\r\n $option .= $cat->cat_name;\r\n $option .= ' ('.$cat->category_count.')';\r\n $option .= '<\/option>';\r\n echo $option;\r\n }\r\n ?>\r\n <\/select>\r\n <\/p>\r\n\r\n<p>\r\n <label for="<?php echo $this->get_field_id('posts1'); ?>"><?php _e('Posts to show:', 'wpzoom'); ?><\/label>\r\n <select id="<?php echo $this->get_field_id('posts1'); ?>" name="<?php echo $this->get_field_name('posts1'); ?>" style="width:90%;">\r\n <?php\r\n $m = 0;\r\n while ($m < 11) {\r\n $m++;\r\n $option = '<option value="'.$m;\r\n if ($m == $instance['posts1']) { $option .='" selected="selected';}\r\n $option .= '">';\r\n $option .= $m;\r\n $option .= '<\/option>';\r\n echo $option;\r\n }\r\n ?>\r\n <\/select>\r\n <\/p>\r\n <p>\r\n <input class="checkbox" type="checkbox" <?php checked( $instance['show_thumb'], 'on' ); ?> id="<?php echo $this->get_field_id( 'show_thumb' ); ?>" name="<?php echo $this->get_field_name( 'show_thumb' ); ?>" \/>\r\n <label for="<?php echo $this->get_field_id( 'show_thumb' ); ?>">Display post thumbnail<\/label>\r\n <\/p>\r\n\r\n<?php\r\n }\r\n}\r\n\r\nfunction wpzoom_register_category_widget() {\r\n register_widget('wpzoom_widget_category');\r\n}\r\nadd_action('widgets_init', 'wpzoom_register_category_widget');\r\n<\/pre>\n
3. Select\/Deselect Display Post Thumbnail on the widget
\n4. Done<\/p>\n","protected":false},"excerpt":{"rendered":"
Tribune is a lovely magazine theme from WPZOOM. The theme has custom widgets name WPZOOM Featured Category Widget You could use this widget to display categories on homepage like the demo site\u00a0(Politics – World – Sports – Automotive). The widget show thumbnails by default, it doesn’t have feature to disable that. What if you want […]<\/p>\n","protected":false},"author":1,"featured_media":287,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[54,5],"tags":[55,6,95],"class_list":["post-284","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-snippet","category-wordpress","tag-code-snippet-2","tag-wordpress-2","tag-wpzoom"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/02\/WPZOOMFeaturedCategory.jpg?fit=307%2C470&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p1pvi1-4A","jetpack-related-posts":[{"id":218,"url":"https:\/\/pixert.com\/blog\/how-to-fix-custom-field-for-thumbnails-wpzoom-featured-category-widget\/","url_meta":{"origin":284,"position":0},"title":"How to fix Custom Field for thumbnails in WPZoom Featured Category widget","author":"Pixel Insert \/ Pixert","date":"April 6, 2012","format":false,"excerpt":"WPZoom Featured Widget is a widget built inside WPZOOM themes to show Featured Category posts The widget display thumbnail images, post titles and post meta datas from selected Featured Category There's a bug in wpzoom-widgets.php where as all widgets code are. The widget cannot display thumbnail images from custom field\u2026","rel":"","context":"In "Code Snippet"","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2012\/04\/featuredcat-208x300.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":256,"url":"https:\/\/pixert.com\/blog\/exclude-featured-posts-from-wpzoom-featured-category-widget\/","url_meta":{"origin":284,"position":1},"title":"Exclude Featured Posts from WPZOOM: Featured Category Widget","author":"Pixel Insert \/ Pixert","date":"August 25, 2012","format":false,"excerpt":"Zenko WPZOOM Demo Site (see the documentation) I made customization to the widget to exclude Same Posts already been shown on Featured Slider to avoid duplication 1. Open featured-category.php in wp-content\/themes\/zenko\/functions\/theme\/widgets folder 2. Replace all code in featured-category.php with the following [code] theme_location == 'primary' )[\/php] \u00a0 [php]if( $args->theme_location == 'secondary' )[\/php] \u00a0 [php]if( $args->theme_location == 'primary' )[\/php] For an example, I want to add search box to Primary Menu in WPZOOM theme name Videozoom. Conditional tag above make sure the\u2026","rel":"","context":"In "Code Snippet"","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"wordpress-logo-notext-rgb","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/08\/wordpress-logo-notext-rgb.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":0,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/284\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media\/287"}],"wp:attachment":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media?parent=284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/categories?post=284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/tags?post=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}