I'm using WordPress + WooCommerce and I'd like to remove the product title in the display product page. In particular I'd like to show the product thumbnail only.
However, the product title should be visible in the single product page.
Suggestions? Is it possible? Thank you in advance!
Adding
ul.products h3
{
display: none;
}
to the style.css on your website should hide the title of the product, but not on the single product page.
According to the latest WooCommerce version, following CSS hide product title in archive page
ul.products h2.woocommerce-loop-product__title {
display: none;
}
Related
I'm using WooCommerce with the Avada Fusion Theme, here is the demo store of the theme I'm using: https://avada.theme-fusion.com/bakery/shop/#start-shopping.
What I'm trying to achieve is, that the "Quick View" button on product thumbnail hovering is always displayed, even if a product is added to cart. I've added following CSS
.cart-loading {
display: none !important;
}
..which works just fine and hides "View Cart" on product hover. Now I'd like to display the Quick View Button when hovering (as if the product has not been added to cart) and tried to add:
.fusion-quick-view {
display: inline !important;
}
however this doesn't work.
Tried this and also failed:
.cart-loading:after {
display:.fusion-quick-view !important
;
}
Any suggestions as to how I can remove the "condition" that Quick View is not displayed when product has been added to cart?
I appreciate any pointers, thanks!
My Website is https://new4kmovies.com
I want to hide the Post except on homepage, i want to keep the thumbnail and title only and want to remove rest.
Can i do it using custom css? I am using " The Box" wordpress theme.
Thanks
Salena
Try following on your style.css
.home .grid2-sidebar .entry-summary {
display: none !important;
}
I'm new to coding, very new and have some code that I believe needs to be added to "custom CSS" in my e-commerce site. This is to remove the issue of bullet points appearing on the top left of products (screenshot attached), when using the product category field with woocommerce.
I've done this through my theme but it doesn't work. Any ideas?
thank you! Such a huge learning curve and I appreciate the help.
Snapshot of dots on product pages
Please add in /new/bouquets/inspector-stylesheet.css
.woocommerce ul li { list-style:none !important;}
or
.woocommerce .item { list-style:none !important;}
I have a woocommerce website and I want to show 2 products per row on the shope page as well as on the homepage when viewing the website on mobile or short screen. Write now it is only showing 1 product per row. Link to the website www.obscot.com
you need to define your mobile width in CSS in your style.css and need to add the rule something like this
#media(max-width:767px){
.entry-content .products li {
float: left;
width: 50%;
}
}
and it will look like this
http://prntscr.com/f2uiq2
Thanks
First please check that the theme in your site is having facility to change it. If not then use below.
https://docs.woocommerce.com/document/change-number-of-products-per-row/
https://wordpress.org/support/topic/woocommerce-change-products-per-row-based-on-screen-size/
I have a bookshop site in Wordpress, as per the image below. The alignment of the Add Cart button is not the same for the two products. Note that this is the shop page.
How can I align the Add to Cart Button to be the same for every product regardless of the product image size and product title length?
I'm using:
WordPress 4.3.1
WooCommerce 2.4.11
THEME - > VantageVersion: 1.4.4 By SiteOrigin
First, your question is very, very vague. It's hard to troubleshoot with far more information. However, I will try and get the conversation started.
What list is this? Home page? Category page?
Essentially, you've got to "normalize" the space that the title takes up. Notice that in the second product, the title of the product is two lines, where the first product is only a single line. Will any of your products have three lines? Four lines? Five? That is essentially the issue.
Further, depending on your theme, this could be completely different markup / code.
With ALL of that being said, the issue can be resolve simply with the right css. For a "typical" WooCommerce site, this would take care of it:
In your stylesheet, declare this style on this selector:
ul.products li.product h3 {
min-height: 50px; /* NOTE: This amount will have to change depending on how many lines you want to support. Allow about 20-25px per line */
}
I Added this code under the theme's style.css
.archive #main ul li a h3 {
min-height: 70px;
}
Solved my problem.