-
Posts
-
Hi guys
Is it possible to add some extra bits onto my shop caegory layout.
I want to have the products in list view (so i’ve installed a plugin) but I would like .
If you press the list view icon
1. the product description (added under the product tile) I have added a long description into my product and would like to show long description (with a maximum of 300 characters of text) rather than short.
2. Thin border around each product section
3. Hide the SKU and add to wishlist on shop page only.
4. line add to cart buttons with the text.
5. Remove duplicate price (below image)
I have added a screenshot to show layout and a link to my site in private area.
Many thanks in advance for your help
Dan
Hi,
First, please excuse the late reply.
1) Please use this code to add a border to the products:
.entry-content-wrapper ul.products li { border: 1px solid #C0C0C0; border-radius: 3px; }The border-radius attribute creates round corners with a radius of 3px.
2) You can align the buttons with following code:
#top .avia_cart_buttons .button { padding: 3px 0px; } #top #wrap_all a.button.ajax_add_to_cart { text-align: left; } #top #wrap_all a.button.show_details_button { text-align: right; }Best regards,
PeterHi Dude
Thank you very much for the above, really appreciate your help.
Just 1 other thing. I need to show the sku under the product title on the list view, could you please provide some code (i have put a screenshot in the private area below).
I have put the below code that I found on the forum in my child functions but this puts the sku below the product image.
Many thanks in advance
Dan
/**
* Adds product SKUs above the “Add to Cart” buttons
* Tutorial: http://www.skyverge.com/blog/add-information-to-woocommerce-shop-page/
**/
function skyverge_shop_display_skus() {global $product;
if ( $product->get_sku() ) {
echo ‘<div class=”product-meta”>Model: ‘ . $product->get_sku() . ‘</div>’;
}
}
add_action( ‘woocommerce_after_shop_loop_item’, ‘skyverge_shop_display_skus’, 9 );Hi Basilis
Link is in private area. I’ve managed to get it working a lot better, would just like the SKU under the product title, above the short description ON THE LIST VIEW if possible.
Hi,
Try this code.
/** * Adds product SKUs above the "Add to Cart" buttons * Tutorial: http://www.skyverge.com/blog/add-information-to-woocommerce-shop-page/ **/ function ava_shop_display_skus() { global $product; if ( $product->get_sku() ) { echo '<div class="product-meta">SKU: ' . $product->get_sku() . '</div>'; } } add_action( 'woocommerce_after_single_product title', 'ava_shop_display_skus', 9 );Best regards,
Ismael
- You must be logged in to reply to this topic.