Displaying an excerpt in category "List View"

[nichetom]

Hi There,

With the way I have setup my theme and content, the List View of categories and subcategories is quite ugly.

I would like to maybe display 50 or so words in this category list view. What am I missing here?

A) Is it possible to have an except posted from the product short or full description?

B) Is it possible to define unique content on a product page to will be output in this list view but then no where else? That would be ideal for seo purposes.

C) I would like to completely remove the grid view from the product category templates as well too, just need list and standard to display.

[Kyle – SUPPORT]

Hi

It will output ‘product short description’ which hence the name should be short.

To remove the grid view add this to your custom css:

.shop-layout-opts > a[title="Grid Layout"] {
  display: none;
}

– Kyle

[nichetom]

Hi thanks Kyle,

Short description

What I’m trying to accomplish is the fact that certain code and styling appears broken in the category pages, because it is pulling the full html I have set here. I know similarly within wordpress a solution is to set: the_excerpt instead of the_content for example.

Is it possible to stop the full html and data from short description from being populated throughout atelier?? Ideally I would just want the first 30-40 words to be displayed to avoid duplicate content issues in regards to search engines.

Grid View

Unfortunately this is not what I’m looking for.. all this accomplishes is hiding the display, although the code is still generated.

I’m looking to totally remove the grid layout from being built (keeping standard & list) for SEO and load speed purposes.

Thank you for your time,
Tom

[Kyle – SUPPORT]

Can you provide a link so I can see what you’re referring to?

The css hides the icon, that’s the only thing that’s outputted. The grid view itself is just a change in css, it’s the same html as the other 2 layout options

– Kyle

[nichetom]

http://swiftideas.com/product-category/outerwear/

Icon: Yes I’m aware all it does is hide it, I want to remove it completely. So in this example I’m looking for where I can remove:

<a href="#" title="Standard Layout"><i class="sf-icon-atelier-shop-standard"></i></a>
<a href="#" title="List Layout"><i class="sf-icon-atelier-shop-list"></i></a>
** THIS *** <a href="#" title="Grid Layout"><i class="sf-icon-atelier-shop-grid"></i></a>

With this then being not used, I prefer to not have all the code generated related to grid layout to optimize the page.

Thanks,
Tom

[Kyle – SUPPORT]

You will need to be using a child theme, add this to your functions.php file:

/* SHOP LAYOUT OPTIONS
    ================================================== */
   	if ( ! function_exists( 'sf_shop_layout_opts' ) ) {
   	    function sf_shop_layout_opts() {

   	    	global $sf_options;
   	    	$product_multi_masonry = $sf_options['product_multi_masonry'];
   			$product_display_type = $sf_options['product_display_type'];
   			if (isset($_GET['product_display'])) {
   				$product_display_type = $_GET['product_display'];
			}
   	    	if ( $product_multi_masonry || !sf_theme_supports('product-layout-opts') ) {
   	    		return;
   	    	}

   	    ?>
   	    	<div class="shop-layout-opts" data-display-type="<?php echo $product_display_type; ?>">
   	    		<a href="#" class="layout-opt" data-layout="standard" title="<?php _e("Standard Layout", "swiftframework"); ?>"><i class="sf-icon-atelier-shop-standard"></i></a>
   	    		<a href="#" class="layout-opt" data-layout="list" title="<?php _e("List Layout", "swiftframework"); ?>"><i class="sf-icon-atelier-shop-list"></i></a>
   	    	</div>
   	    <?php }
    	add_action( 'woocommerce_before_shop_loop', 'sf_shop_layout_opts', 10 );
    }

– Kyle