Hi everyone,
Is there anyways to put product without using product name? My products don't have name. Anyone who can help please respond.
Thanks,
Best Regards.
You can use a CSS to do so.In listing page you can use following CSS :
ul.products h2.woocommerce-loop-product__title {
display: none;
}
It might be differ base on version.
For compatibility with future updates of your theme and plugins, I've found a better way to do this is through WooCommerce hooks. To remove the title from your Single Product Page, you should put the following two lines in your theme's main functions.php.
in this titla field is not coming on product insert.
remove_action('woocommerce_single_product_summary','woocommerce_template_single_title', 5 );
Other way is but in this your title is coming but you hide that because of you don't want to see that.
.woocommerce li.product .entry-header h3 a, .woocommerce-page li.product .entry-header h3 a {
display: none;
}
.woocommerce .price, .woocommerce-page .price {
display: none;
}
I hope this worth to you
Related
I have a problem that i try to change somthing in my site and no matter whhat i try its still there
Rule :
.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { clear: both; }
Change:
.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { clear: inherit!important; }
Don't work :
i tried from the customize
through the the actual path of the css
try to delete the all section
tried in min.css and regular.css
Path:
https://obeyyourbody.com/wp-content/themes/astra/assets/css/minified/compatibility/woocommerce/woocommerce-grid.min.css?ver=3.9.2
Checkout Page for the issue:
https://obeyyourbody.com/checkout/
I am using Woocmmerce with Astra theme and Elementor. I am already used to use CSS here and there to avoid using expensive plugins to adjust my Woocommerce shop. I decided to use price over the thumbnail and I made negative bottom padding for thumbnails to drag the price and "Add to cart" higher. I can see that button is definitely higher in z-index than a thumbnail. The problem is the price is completely hidden by the thumbnail, even though in Elementor it's over the thumbnail. I tried to use z-index in CSS but to no avail. Am I missing something?
Here is an example of my CSS code for the price.
.woocommerce div.product p.price, .woocommerce div.product span.price{
background-color: #fff;
z-index: 99;
}
For an item to have a z-index, you have to set a position attribute other than static. https://developer.mozilla.org/en-US/docs/Web/CSS/z-index
.woocommerce div.product p.price, .woocommerce div.product span.price{
background-color: #fff;
z-index: 99;
position: relative;
}
Maybe using !important, if z-index is already set somewhere else in .woocommerce:
.woocommerce div.product p.price, .woocommerce div.product span.price {
background-color: #fff;
z-index: 99 !important;
}
i have one little but very weird CSS issue with my personal site. I found one CSS glitch on one button into my account page from Woocommerce.
when check CSS for that button, i found this class that use that settings:
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {
border: 1px solid #ddd;
background: #fff !important;
box-shadow: none;
}
if i untick background: #fff !important; then button is back to normal look. I searched everywhere to find that CSS class, but looks like that class dont exist.. How to find where is posted that CSS and modify the class. This is test logins if someone want to check , because issue is not visible without login.
User = test
Pass = test5
URL
Any help?
The style that you have identified is the one that causes the trouble. It is not present in an external stylesheet. Instead, it has been added inline. You may view it by Right click -> View Source.
To modify the style, either look in the custom styles added from the Appearance > Customize > Additional Styles or in the theme's header.php file and make the necessary changes.
I'm working on a WordPress site (using a child theme of Divi) & having an issue with the WooCommerce Shop. The individual Product pages are not displaying the Add to Cart button or the price. Those elements are there (I can highlight over them on the page & click the area where the button should display) but they're hidden for some reason. Anyone know how to make them display?
Here is an example page. Thanks!
I saw your product page, It just a CSS issue, put the following css snippet on your theme's style.css
.woocommerce button.button.alt {
background-color: #a46497 !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #77a464 !important;
}
I have a product page here: http://www.noliftpalletmover.com/order/
I would like to always show Add to Cart rather than having it appear on hover. I have tried some CSS fixes but to no avail. Any suggestions?
In your stylesheet http://www.noliftpalletmover.com/wp-content/themes/konstruct/assets/css/style.css?ver=1.1.1 at line number 6421, position of add to cart button (class name .woocommerce .products li .add_to_cart_button, .woocommerce-page .products li .add_to_cart_button) is set to "absolute". Remove "position", "left", "right" and "z-index" from that class declaration. And comment out class declaration at line number 6165 which as transform: translateY. That should do the trick for you.
Hope this helps.
You can use a plugin like Simple Custom CSS to add the following CSS to your site:
.woocommerce .products li .add_to_cart_button, .woocommerce-page .products li .add_to_cart_button {
position: inherit !important;
bottom: 0 !important;
margin-top: 15px !important;
}
If this answers your question please mark it as the answer :)