Tagged: enfold, Product Grid, woocommerce
-
AuthorPosts
-
October 7, 2015 at 5:57 pm #515393
Dear Guys
I’m about to make a pitch for a website/webshop with your great theme/frameset Enfold.
The default productgrid that comes with woocommerce (and wich has been styled be Enfold) is working very well. However my client have a request, that there should’nt be those ‘gaps’ between products in the vertical alignment. It would be far better to have a ‘Pinterest’-styled flow in the productgrid.
I have tried with some additional plugins, but then other problems occur.
So, dear guys – I was thinking if there is a simple way to make this kind of flow? I have tried with some ‘position: absolute’ – but it doesn’t work.
Here are some pictures of what I mean:
http://davidchristensen.dk/Current.jpg
http://davidchristensen.dk/Desired.jpgKind regards David
–October 8, 2015 at 6:26 am #515577Hi David,
Could you provide us with a link to the site in question so that we can take a closer look please?
Regards,
RikardOctober 8, 2015 at 3:01 pm #515837Yes, off course. However it is the Enfold default product grid it is about :)
October 9, 2015 at 6:01 am #516151Hey!
Thank you for the update. Try to set a minimum height to the product image:
#top .thumbnail_container img { min-height: 362px; }
This will distort the product image a bit. The better thing to do is to upload images with the same size or dimension.
Best regards,
IsmaelOctober 9, 2015 at 6:11 am #516160That doesnt work at all. You see, that there are images that are in landscape ‘mode’ and others are in portrait ‘mode’. And some are retangular and some are square.
Isn’t there a fix to let the images align beneeth one and another, rather than next to each other?
Pretty please :)
That would solve a great deal of my worries. Otherwise I will have to try to find a plugin that somehow does the trick for all generated productgrids..
October 9, 2015 at 7:51 am #516195Okay – I have been looking around the web for CSS-solutions to this – and there are none (except for one, that is not supported in most older browsers).
Do you know of any kind of plugin, that makes it easy to tweek the shop pages and still having the ability to keep Enfold as the main theme? I’m having a look at http://www.masonrylayout.com/ for the masonries – but I also would like to customize the ‘default’ product pages and the category pages as well.
Thanks. David
–October 10, 2015 at 1:05 pm #516779Hey!
I’m sorry I misunderstood your question. Did you try the masonry element in the ALB? The element is using the same isotope script (http://isotope.metafizzy.co/). However, the product buttons will be removed. You can contact codeable in order to implement the same script in the product pages: http://kriesi.at/contact/customization
Regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.