Woocommerce loop product images - woocommerce

In Woocommerce products page, iwant to display only the image of the product; no "add to cart" and no "more infos". I found how to remove them via CSS but i am not able to remove the frame under the image where those informations are placed.
this is the problem...
Has anyone ever had this problem and solved it? Thanks!
WooCommerce has lots of different hooks for their shop page but seems none of them could solve my problem.

Related

Woocommerce (Wordpress) - Hide featured product from products

I have to create a view in a Wordpress template where I highlight a featured product in the header with [featured_products] and show all the other remaining products in a section below the header. I need to list all products with [products orderby="rand"] without the featured one, because this one is shown in the header of the page already.
Any way to do this?
Thanks in advance!
PS: I don't understand how people have not come across the same problem, lol.

Woo-commerce - Add Product - Listing Page - Design not showing properly - Wordpress

Please check the attached image. I am getting broken add product page and listing design page in Wordpress - Woocommerce. I am not able to enter the title. Because after Add product page fully load. it hides the title textbox. Another issue in the Product List Page. The image column and name column are overlaying.
Please suggest me to resolve this problem.
Thank you.
It doesn't seems you are using a woocommerce plugin to add the products. I can guess that you build this by making a custom post type functionality. Because normally, woocommerce has it's own icon for the post type as well as for product post type.
Please check with the plugin compatibles.
I deactivated all plugins except Woo-commerce plugin and activated plugin one by one. I found that one plugin causes the issue. It's Works

Placeholder thumbnails are showing instead of product images in WooCommerce categories page

placeholder thumbnails are showing instead of product images in woocommerce categories page, this images shows all the products under the "Beauty and perfumes" category
placeholder thumbnails shows instead of my product thumbnails
but the image displays when i click on a specific product
enter image description here
I had a plugin that had settings hiding the images inadvertently.
To figure out the culprit I deactivated all my plugins. The images were now showing. Next, I added re-activated them one by one until the placeholder images showed up again. So now I knew what/who was causing the issue.
I then activated the offending plugin and went through its settings until I found a setting that turned off images.
In this case, it wasn't a bad plugin it was just user error.
Just in case you are using the same or similar plugin it was: "Easy Custom Auto Excerpt"
I hope this helps any future developer with this problem.
Just an additional info.
I came across with this issue just right now.
Please make sure to set the Primary image of the product otherwise it will show the placeholder and won't show the product image gallery too.

Wordpress theme: where can I fix cart and checkout design?

I have a basic wordpress website with the woocommerce plugin and tesseract theme, and I want to know where I can fix the design related to following issues:
On the cart page the dollar sign for the totals for a product are on a different line than the number. The same thing happens on the checkout page.
Some boxes are gray and some are white which looks nice, but on the checkout page, some of the boxes that should be grey are white, making it look bad. Can anyone tell me where in the code I can fix this?
The two pages in question are the cart and checkout pages. I would post code, but the problem is that I don't know where to find the specific section from where to fix the issue.

No prices in woocommerce cart and checkout

Managed to not display prices in my product page.
But does anyone know how to remoce pricing from the cart and checkout?
Or should that all be custom css tweaks? I am looking for a hook but can't find it. It is a website to order stuff and pricing is not availible online.
Hopefully someone can help me out
I've been there! You will need to inspect every price element on the site and then remove then from the theme's php code or turn it's css classes invisible like this:
span.price{display: none;}

Resources