WooCommerce All Products Widget – limitations?

Hi @douganderson !

Welcome to WordPress/WooCommerce ?? You have made a great choice!

The site when complete will have close to a thousand items each with 3-10 pictures each. Is this practical or feasible on a shared resource web hosting

Yes, that should work. Please make sure that the hosting you will choose at least meets these requirements: https://woocommerce.com/document/server-requirements/ meanwhile, I can suggest checking out the WordPress Pro plan here: https://wordpress.com/pricing/

Two questions 1) how do I get rid of the second grid, and 2) how do I control the font size individually?

Can you please revert to Storefront and check whether the issues are still present? In case they are please share with us screenshots of the issue you are facing.

Meanwhile, if everything resolves with Storefront active I am afraid you will have to reach out to Astra to look into this!

Thank you!

Thanks for your answer. I went back to the storefront theme and it also duplicates the ‘allproducts’ widget. I took screenshots from both Astra and Storefront but I don’t see anywhere how to attach them to this. The type size changes between in the 2 versions in Astra but not in Storefront. How can I tell whether a particular piece of text is ‘body’, ‘H1-H6’, etc.

Hi @douganderson! Thanks for writing back!

To share the screenshots, you can use an online tool like the one below – or any other that you fill comfortable with:

https://snipboard.io/

You can drag/drop the screenshots into the screen and grab the generated link to be shared with us, or use the print-screen on your keyboard and then ctrl + V to paste it there (on a windows OS device).

Regarding the elements of your theme, it’s set by your theme and its stylesheets, all the themes use CSS (Cascade Style Sheets), and you can use them to make some tweaks to your elements.

This kind of customization is a bit out of scope for us, but we always do our best to help you out, however, I am afraid that it’s a difficult task without checking the live site.

You can read more CSS all over the internet, but here’s a good start:

https://www.w3schools.com/Css/css_intro.asp

I hope to hear from you soon! All the best,

In astra:
https://snipboard.io/yb9sY4.jpg

in Storefront:
https://snipboard.io/CZGh8c.jpg

Both shots just show the region between the 2 widget expressions. You can see how the fonts have behaved differently.

Doug

Hello,

Thanks for sharing the screenshots.

The images and your previous comments lead me to believe that you might have added an “All Products” block to the “Shop” page. Please note that the “Shop” page is a product archive dynamically populated by WooCommerce. By default, if you open it in the editor, it will be empty. By adding the “All Products” block to it, you will in effect be adding a second product archive.

If you’d like a custom shop page, I would suggest you create a new page from scratch. When you’re done customizing it, you could then replace the default “Shop” link in the WordPress menu and/or set it as the home page.

Please, let us know how it goes.

Hi there!

We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if and/or when you are ready to continue.

All the best!

I had replied to the email (my mistake) about a week ago and was waiting for a reply.

Here’s what I wrote:

The duplication of the 'All Producta' widget was not because it was added twice. That was one of the first things I considered and I even rebuilt what I had done from scratch just to be sure - both in storefront and Astra.

I am wondering if it is an artifact of Xammp. Way back when I was working in html I could build a website online without hooking it to a domain and access it through the index.html file. Can I do the same sort of thing with wordpress. Then you would be able to see what I'm talking about both frontend and backend.

Doug

Thanks for getting back to us @douganderson!

The duplication of the ‘All Producta’ widget was not because it was added twice. That was one of the first things I considered and I even rebuilt what I had done from scratch just to be sure – both in storefront and Astra.

Paulo P. meant that you may have added the “All Products” block to the “Shop” page.
If you do that(even for once) then it will show all of your products twice.

So, you need to make sure that you do not add the “All Products” block to the “Shop” page. WooCommerce will automatically show all of your products on it. ??

Can you please share screenshots of the following when you have a chance?

• Screenshot of the Shop page taken while editing the page.
• Screenshot of widgets you added on Appearance → Widgets area.

Look forward to hearing from you.

The duplication of the ‘All Producta’ widget was not because it was added twice. That was one of the first things I considered and I even rebuilt what I had done from scratch just to be sure – both in storefront and Astra.

Screenshots – In Astra:
https://snipboard.io/yb9sY4.jpg

in Storefront:
https://snipboard.io/CZGh8c.jpg

Both shots just show the region between the 2 widget expressions. You can see how the fonts have behaved differently.

I am wondering if it is an artifact of Xammpp. Way back when I was working in html I could build a website online without hooking it to a domain and access it through the index.html file. Can I do the same sort of thing with WordPress? Then others would be able to see what I’m talking about both frontend and backend.

Doug

Hello @douganderson!

Please share screenshots of the following when you have a chance.

• Screenshot of the Shop page taken while editing the page.
• Screenshot of widgets you added on Appearance → Widgets area.

Look forward to hearing from you.

I’m not sure exactly what you are asking for. I’ve already sent links to the screenshots (twice) that showed that the ‘all products’ section shows up twice.

When I pull up edit for the shop page I get a message:
“This block contains unexpected or invalid content.” with a button for “Attempt Block recovery” When I click that, the block comes up – just the allproducts block, no sidebar, etc
this occurs with both the Astra and Storefront themes

“widgets you added on Appearance → Widgets area” – it shows widgets for sidebar, basebar, etc but there is no section for widgets in the body.

Hi @douganderson! I hope you’re doing well!

When I pull up edit for the shop page I get a message:

I’d love to check this message and the block code, do you mind sharing a screenshot of it with us?

just the all products block, no sidebar, etc this occurs with both the Astra and Storefront themes

If you don’t see the sidebar, click the settings icon (a cog) next to “Publish” or “Update” in the WordPress Editor.

it shows widgets for sidebar, basebar, etc but there is no section for widgets in the body.

Have you added any widget on those areas? If so, can you share a screenshot with us of them?

It’s super hard to check it without seeing the live site, so the best way to do that is asking for some screenshots to visualize it better!

I hope you understand! ??

All the best,

“I’d love to check this message and the block code, do you mind sharing a screenshot of it with us?”
https://snipboard.io/QaxDRq.jpg
The only code that I seem to be able to access is the Theme File Editor. How do I access the code for a block?
This is what I get when I click the “Attempt Block Recovery” Button
https://snipboard.io/3U5tjZ.jpg

“Have you added any widget on those areas? If so, can you share a screenshot with us of them?”
https://snipboard.io/EDpULo.jpg
This is the WooCommerce sidebar in Astra. The font is way too big and i can’t find a way to reduce it.

“It’s super hard to check it without seeing the live site, so the best way to do that is asking for some screenshots to visualize it better!”
20 yrs ago when I was working in html, I could set up an entire website online and access it with the index.html file without using a domain name. I have a webspace with another website in it. Can I set up this wordpress site in that space with access thru some sort of index file?

Thanks for your help

I recently added the plugins Editor Plus and Stackable in the hopes thayt they might help me get to the bottom of this. They seem to have a lot of options butI haven’t had a chance to really delve into them and they haven’t changed the problem with the “allproducts” duplication

Hello @douganderson!

Thanks a lot for sharing those screenshots. I can see that you added the “All Products” block to the “Shop” page which is causing the issue.

Please edit the shop page through Code Editor and remove all contents from it which will hopefully fix the issue.
Please give that a try and let us know how it goes.

Link to image: https://snipboard.io/wS7TOa.jpg

Link to image: https://media.giphy.com/media/DH25gTsD5SM4qIRJHq/giphy.gif

I think you may have misunderstood the problem. I want to use the all products widget, so deleting the code doesn’t solve anything.
The problem is that when I add the widget I get 2 of them stacked one on top of the other. Depending on what theme I’m using, they may have different typographies and I haven’t figured out how to change the typography of either.
I have tried numerous themes and I get the same problem in all of them even the storefront theme.