Archived topic
Custom product appearance on lists
4 replies · Started by Mateusz on April 21, 2021
Hello everyone!
Not really a support topic, but maybe someone can point me in the right direction.
I would like to remake a shop in GP, but since it's a custom build that requires to change a bit the way the products will appear. I would like to achieve that effect as here:
https://gardenliving.pl/produkty/meble/
So each product on the list has additionally a field which shows:
- pa_producer-name - with the link to archive of all products with that attribute
- and the add to cart button is positioned above the title/price and overlays the product image
What would be the best way to make the same in GP?
Hi there,
GP doesn't add its own Woo templates - it leaves it to the Woocommerce plugin.
Woo templates have a lot of hooks which you can see here for the shop page:
https://www.businessbloomer.com/woocommerce-visual-hook-guide-archiveshopcat-page/
So adding your custom meta can be hooked in using a php function or the GP Hook Element.
Moving the button is a much bigger pain - as you would need to unhook the button and re-hook it in the place you require it. Its not easy.... heres a similar example where the user wanted the Button Hidden and display on hover:
reference site he wanted to match:
https://startertemplatecloud.com/g02/
Its nowhere near the same but will give you an idea of the complexity of unpicking Woo templates.
Thanks for the tips!
I've already managed to get the attribute - I will try with the cart button!
That's an awesome shop by the way!
You're welcoem
