Woocommerce (Wordpress) - Hide featured product from products - wordpress

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.

Related

Woocommerce loop product images

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.

Product Archive appearing only two products per category

I have a store that is appearing only two products per category, when I open to edit with the elementor pops up all the products, but on the site only appears two, has anyone gone through it?
Editing with the elementor
in the browser
I need all products to appear on the site instead of two.
Find within the theme options the Woocommerce option, and from there change the limit of products to display by category.
WordPress and the Theme are always higher in the hierarchy in terms of the number of posts or products to display, so even though from Elementor you want to show them all if the Theme says that only 2 can be shown, then they will not.
on the wordpress dashboard goto settings then reading
that will allow you to choose number of posts you need to show.
You can check the screenshot here

Variation image or Another Image as Woo Feature Image

Really appreciate your help this one...
How can I display a woocommerce product variation's image as the featured image on the woocommerce single product page?
Alternatively how can I use another image as the product page featured image?
Here's why I need that:
WooCommerce with OceanWP has a neat slider feature that appears on hover over each product listing on the shop page that allows users to cycle through the product's gallery images. It's like a preview and is exactly the user experience I want as the product that I'm selling comes in a variety of colors.
When a user selects a product in the shop archive and clicks-through to the single product page though, I need to display the featured image as a mockup of the product. It's a better user experience because it shows the user already the design they selected on the shop archive page as a product mockup. This helps to visualize and clarify what they're getting.
So I've hidden the thumbnail gallery using CSS and set the woo product variation images to an image of the mockup in the right colour. When the user selects a 'colour' option, the woo gallery slider changes accordingly and that's the right user experience too.
My problem is simply when the user first clicks-through from the shop archive to the single product page, instead of showing the product's default featured image, show one of the product variation images, which are mockups...or at least show another image altogether so the user sees the mockup, selects the color option and the user experience is simple.
Any ideas on how I can do this?
Thanks a mil for any help :)

Woocommerce 2nd image on hover not working

We have a problem with a new webshop we want to put online. We want to display the 2nd image on a hover on desktop for our store. It works on the default shop page (https://www.festivalapparel.nl/shop/) but not on our homepage (https://www.festivalapparel.nl/). It has been created with the building block from woocommerce: featured item. It looks like it does not load two images per item, so it can't switch it.
In summary: it works on the preset shop page but not on the homepage using their building block, we also want it to help there. Thanks!
Replace your page builder block with this shortcode bellow:
[products limit="10" columns="5" best_selling="true"]
If you want to display best sellers manually you could use featured function with shortcode bellow. To set featured products there is a star icon in your woocommerce admin products list so you could just click on it and product will be featured.
[products limit="10" columns="5" visibility="featured" ]

Custom Subcategory Page on WooCommerce

I am working on a shopping cart WordPress site and I would like to customize the subcategory page. Here is a link to my shopping cart.
When you click on that link you see only the product category images. Originally, you saw both the image and title, but that's not how I wanted it to be so I edited the content-product_cat.php file.
When you click on the Product Category it takes you to all the products that pertain to that category and is displayed the same way the product categories are - just the image. However, I want it to only display the titles, no images, just the titles. I understand that it's just showing the images because it's also using the content-product_cat.php file.
How can I make it so that only the product category shows images but the actual products show just the titles?
Here is an example of what I want my site to do.
I am new to building eCommerce and WordPress sites so the more specific you are, the better.
Any help is appreciated!

Resources