help with product page to display other products

Hi @chrisjeret

Does anyone know how to show more product in a page? For example like the link here: Product Page

Under “Harga Berbeza”, there are 3 different group of products. When you select any one of them it changes on the Left.

From what I understand, you’re looking to display more products on a single page, similar to the example you’ve provided where different products appear based on the “Harga Berbeza” selection.

You can accomplish this by using WooCommerce’s “Variable Products” feature. This feature allows you to create variations of a product, giving you control over prices, stock, images, and more for each variation. For instance, you can showcase the Nova 9 SE phone model in various colors like Crystal Blue, Pearl White, and Midnight Black.

Here’s a quick guide on how to do this:

1. Go to your WordPress admin panel and navigate to Products > Add New.
2. Enter your product details as you would for a simple product.
3. In the Product Data dropdown, select Variable Product.
4. In the Attributes section, click Add. Name the attribute (e.g., Color) and add attribute values separated by a vertical bar (|). For example, Crystal Blue | Pearl White | Midnight Black. Click on the Used for variations checkbox and then click Save attributes.
5. Go to the Variations section and select Create Variations from all attributes from the dropdown, then click Go. This will create a separate product for each color.
6. For each variation, you can set a unique SKU, price, stock status, and more. You can also choose a different image for each variation.
7. Once you’re done, click Publish to save your changes.

Image Link: https://s11.gifyu.com/images/Scie6.gif

Now, your customers will see a dropdown menu on your product page where they can select their preferred color. The image and price will automatically update based on their choice.

📌 Remember, you need to upload images for each variation separately. You can do this in the ‘Variations’ section while setting up your product. You can do this in the ‘Variations’ section while setting up your product. For more information on adding a variable product, 👉 Click Here.

I hope this helps! Feel free to reach out if you have more questions or need further assistance.

hi, @bisratlearn

Thank you for the support. This really helped me.

Hi @chrisjeret

Thank you for the support. This really helped me.

I’m glad to hear that the information provided was helpful to you in showcasing more products on a single page!

I’ll go ahead and mark this thread as resolved. However, if you ever have more questions or issues in the future, don’t hesitate to kick off a new topic.

We’d be thrilled if you could spare a few minutes to leave us a review at 👉 .

Cheers!