[Resolved] Customize woo-commerce product page

[Author]

Posts

[mouneebS-2]

I want to customize woo-commerce product page.
TOOLSET provide template for single product. Is there anyway I can customize product category page? (Which shows products when click to any category)
If yes please mention the steps.

[mouneebS-2]

I followed this tutorial and successfully added a content. Now the issue is I have to display related products that are in that specific category not all products in all categories.

[Nigel]

Hi there

It sounds like you have already created a custom archive for product categories.

This will display all products of the same category (determined by the URL of the page).

So I'm now sure what your intention is to show related products of the same category, because the archive itself displays all of the products of the same category.

The expected context for related products is when you are viewing a single product page. (This is how WooCommerce itself works, if you turn off Toolset and visit the standard WooCommerce shop and product pages, that is what you will see.)

The shortcode available with Toolset for showing related products—wpv-woo-related_products—works on the single product page, not on the archive pages.

https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-woo-related_products

Could you clarify what you are trying to do?

[mouneebS-2]

You got me wrong! Referring to related products here means I want to show products that are marked to that category on the archive page.
For now it is displaying all the products that are present in "woo-commerce products" in general

[Nigel]

How have you customised the archive?

You can see a general guide to customising archives here: https://toolset.com/documentation/getting-started-with-toolset/customize-post-archives/

It is slightly different depending on whether you are using Layouts or not.

Without Layouts you go to Toolset > Custom Archives and create a custom archive for the product category archive, as shown in the screenshot.

This custom archive will be used when you visit a product category archive URL, e.g. hidden link

At that URL only the products with the product category of accessories would be shown.

If you are using Layouts it is essentially the same, expect you create a new Layout at Toolset > Layouts and assign the Layout to the product category archive. That Layout template will then be used at product category archive URLs. To output the products themselves, your template should include a WordPress Archive cell (which is effectively the same as a custom archive created without Layouts, but where the Loop Selection is set by the Layout—which in this case would be used on the product category archives).

In either case only the products with the category specified by the URL would be shown.

If you are seeing all products you must be doing something differently.

Does the above make sense?

[mouneebS-2]

Perfect. Now another thing:
1. I want to show products in 2 columns for this I have added this in Loop Editor.

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
	<table width="100%" class="wpv-loop js-wpv-loop">
	<wpv-loop wrap="2" pad="true">
		[wpv-item index=1]
		<tr>
			<td>
				[wpv-post-body view_template="Loop item in Custom woo-commerce products cat tem"]
			</td>
		[wpv-item index=other]
			<td>
				[wpv-post-body view_template="Loop item in Custom woo-commerce products cat tem"]
			</td>
		[wpv-item index=2]
			<td>
				[wpv-post-body view_template="Loop item in Custom woo-commerce products cat tem"]
			</td>
		</tr>
		[wpv-item index=pad]
			<td></td>
		[wpv-item index=pad-last]
			<td></td>
		</tr>
	</wpv-loop>
	</table>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

2. I'm using DIVI to show contents like products and other sections (image 1).
3. But I only want show products in 2 column not the whole page.
4. Issue is when I add other section in DIVI it appears in 2 columns (image 2).

You understand the issue? I want to display products in 2 columns not the whole page/sections.

New threads created by Nigel and linked to this one are listed below:

https://toolset.com/forums/topic/split-show-woo-commerce-product-archive-in-columns/

[Nigel]

Support policy is to deal with a single issue in a thread, which makes it easier for other users to discover solutions to related problems in the forum, so I've split this ticket off into its own thread and I'll continue there.