Different rendering of "Product archive page" and "attribute created archive page"

[Supajiggi]

Hi there and as always thank you for all your support since we purchased X.

I have a problem which I cannot find a solution to. X is set up with woocommerce to display 3 columns of products on archive pages. So in this example, the category “Place Cards” is clicked and everything displays as normal. However I have been looking at the use of “Attribute” archive pages, produced from clicking an attribute under “Additional Information”. As you know, this is set up under the attribute with “enable archives”. The resulting page is now 2 columns and the product thumbnails are different sizes. The media are all sized and set the same, so there is no obvious reason for there to be differences.

Any assistance would be greatly appreciated.

https://www.ijconline.co.uk/product-category/wedding-stationery/place-cards/

I have screen shots that you can review as well, just advise how to send them to you. For testing, please use
the following product as not all place cards have been linked yet.

https://www.ijconline.co.uk/product/plain-place-cards/.

Best regards and be safe

Ian

[lely]

Hi Ian,

The issue is, the class that control the columns is missing. See this: https://screencast-o-matic.com/watch/cYfDIczrvz

Possible reason might be a customization on the child theme or a plugin. I can see you don’t have a child theme. So you could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Alternatively, you can try a fix as stated on this thread. Just use the correct class columns.

Hope this helps.

[Supajiggi]

Thank you Lely, for some reason, had not picked up the usual email notification We revisit this later on today and advise accordingly. Many thanks for your help.

Best regards

Ian

[jade]

You’re welcome, Ian.

[Supajiggi]

Hi Lely,

slightly later than anticipated by about 4 days but…

Deactivated all plugins except woocommerce as without it nothing will display. Columns changed to 1 within the product link and remained at 3 at the category archive page. Accepting that I may have dome something daft in testing but if I did not, then it is not a conflict.

I have implemented the Java script in global and that has sorted the problem but that does make me ask the question, is it possibly a bug?

Many thanks for your help as always.

Best regards

Ian

[jade]

Hello Ian,

Would you mind providing the URL of some archive pages where the columns are not displayed correctly?

I have checked some archive pages on your site and they seem to be displaying correctly such as:

https://www.ijconline.co.uk/product-category/wedding-stationery/place-cards/
https://www.ijconline.co.uk/product-category/wedding-stationery/
https://www.ijconline.co.uk/product-tag/place-name-cards/

In case you are seeing a different display on your site, kindly try to clear your site’s cache and the browser cache as well.

Hope this helps.

[Supajiggi]

Hi Jade and as always, thank you for coming back to me,

Please follow this link:-
https://www.ijconline.co.uk/product/personalised-church-place-cards/

Then click on “Additional Information”. Third item up from the bottom in the additional information panel is “Product Type” and that is a clickable link.

At the moment it is working correctly because of the extra js added as per Lely’s reply above but with no conflict that I can see (when I ran the tests before adding js), that is making me ask why? Woocommerce is set to 3 columns in X and as you have shown works fine in native archives but not from this link.

many thanks as always. and apologies for late reply, have missed a notification again.
ian

[christian]

Hey Ian,

One possible reason for this is that the archive page that is having this issue is a Product Type which is not a standard WooCommerce taxonomy so it’s not included by our theme option. I might be wrong as I’m not sure if Product Type is included in WooCommerce out of the box.

Would you mind detailing how Product Type is set up? If you’re using a 3rd party plugin or custom code though, you need to forward this to the plugin or developer who added Product Type to your site.

Thanks.

[Supajiggi]

Hi Christian and thank you for updating me, apologies for the delay as always, I seem to be running in ever decreasing circles at the mo (nothing to do with you guy’s ).
So to the point, this “Product Type” is purely a global custom product attribute that was created from native woocommerce, no extra plugin. Attached is a screen shot of the attribute setup.

in Attributes under the chosen attribute select edit and tick “Enable Archives”, now your attribute becomes a link to an archive page created with all the related entries. this can be done with any custom attribute that you care to create.

I hope this makes sense.

Best regards

Ian

[friech]

Hi Ian,

Yes, I can replicate this issue on my end, I’ve added this as an enhancement for the custom taxonomy archive to use the standard (category, tag) archive template, so it can be taken into consideration for future development.

For now please keep your JS fix.

Thank you for understanding,
Cheers!

[Supajiggi]

Thank you Friech for the update. Java script as before is in place and working fine. look forward to seeing this as an enhancement in future updates.

Many thanks as always to the X team.

[ruenel]

You’re most welcome Ian!
We’re glad we were able to help you out.