[Support request] Productpage hook

[Danielle]

i want the yelow block. I made it in Elements. I want it above the description.
Probarly i have to change the hook name but i tried every option i thought.

Here is a example of a website how i want it. They have like 6 pics next to each other.
https://ibb.co/89XqjZZ

[Leo]

Hi there,

Any chance you can link us to the page in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Danielle]

Here you have it

[Ying]

What is the yellow block? I don’t see a yellow block on your attached link.

Can you specify the block?

[Danielle]

Check this image

[Ying]

Do you mean inserting the images here?
https://www.screencast.com/t/nQz1yJLf

If so, I don’t think there’s a way as Woocommerce doesn’t have such a hook。

Please refer to the visual hook guide of Woocomemrce:
https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

[Danielle]

No above it
https://ibb.co/mH76fwq

Like this
https://ibb.co/hL9FDd1

[Danielle]

It looks like i need
woocommerce_after_single_product_summary

But that doesnt work

[Ying]

Yes, woocommerce_after_single_product_summary should do.

Try to set the element’s priority to 1.

[Danielle]

end up there

[Ying]

Try add this CSS:

.woocommerce div.product {
    display: flex;
    flex-wrap: wrap;
}

[Danielle]

You are amazing!

[Ying]

You are welcome 🙂

[Author]

Posts