David Bennett

Thanks.

Can’t seem to find the emoji for ‘thumbs up’ ??

Thank you. In fact I prefer the behaviour that the theme dictates because our customers tend to buy several products in one order, so we prefer not to direct them to view the cart.

The important thing for me is that I now understand the behaviour of the Products block.

Has it always behaved that way through its iterations?

HiDani,

Thank you for the video. This is how the ‘Add to Cart’ works with products on the product pages on my site. I am using the GeneratePress theme.

The video is on Droplr and it should open in a new tab.

https://d.pr/v/mrff9R

Kind regards,

David

On this page on WordPress Support, they describe how to do it with a block and with code.

Hi Ben,

Thank you,

I see the anchor text for the H1 tag. I looked before but I didn’t scroll down far enough.

I’ll close the ticket.

Kind regards,

David

Follow up

Coincidentally I found this in my inbox that seems to address this question.

https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/3539

Thank you for your reply. That was my thought too, and I contacted GeneratePress at the same time as raising this here. GeneratePress say:

“GP has no control over the content coming from WooCommerce blocks unfortunately.

It just looks like the font size is coming from the plugin itself:
https://www.screencast.com/t/MxzXysOgF
https://www.screencast.com/t/7qMbvtI6Xkca

I would recommend reporting this to WooCommerce blocks support team as this is something they need to fix on their end.

You can try overwriting it temporarily using the same CSS seletor.”

So I set up a test site running TwentyTwentyOne at https://nomorepens.com and used the hand-picked products block on the home page and I see this

.theme-twentytwenty .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull), .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull) {
    font-size: .92em;
}
.wc-block-grid {

I set it up with three products across and the font size is, as you see, .92em

Then I added two more products across and this then shows:

`.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product {
font-size: .58em;’

So it seems that the number of columns of products is controlling the font size. and it is connected somehow to twentytwenty.

For the moment I have used custom CSS to set the font size for my site at flying twigs using five across on the home page.

I’d be grateful for your thoughts.

Thanks. I think that does it. ??

Thanks. I am using WooCommerce Table Rate Shipping Version 3.0.29. Does that bear on your reply? / Thanks

Thank you. I tried it and it worked. All resolved.

Perhaps WooCommerce could look into creating a ‘see at a glance’ page showing what functions are stable and in WooCommerce and those that are only in the WooCommerce Blocks plugin, and move functions up out of one list and into the other as new versions appear. Just a thought.

Thanks.

Hi Gerard,

Thank you. Question answered!

David

• This reply was modified 4 years, 6 months ago by David Bennett.

Thank you – I’ll mark this as resolved.

Dear Maeve,

Thank you. That’s lovely reply ??

Thank you – I feel better already ??

• This reply was modified 5 years, 5 months ago by David Bennett.