- This topic has 12 replies, 3 voices, and was last updated 8 years, 8 months ago by richpags.
-
AuthorPosts
-
August 12, 2015 at 6:33 pm #128819richpags
Hey,
I was just wondering if there is a way to easily align featured products products.
At the moment moment a few of my product featured pictures don’t line up correctly.
Check out the link bellow.
Cheers
RichieAugust 12, 2015 at 10:17 pm #128844bdbrownHi Richard. The images are different heights because the original images are different heights. When the images are scaled in width to fit the container they are scaled in height proportionately. You could try adding the following css:
.woocommerce ul.products li.product a img { height: 340px; }
Change the 340px to whatever you need.
Adding css reference:
https://generatepress.com/knowledgebase/adding-css/August 12, 2015 at 10:19 pm #128845bdbrownDuplicate post; content deleted.
August 12, 2015 at 10:34 pm #128847richpagsThanks for that bdbrown,
Yeah I thought the same thing about the different heights so I made the change to one of the posters to be the same height as another. Same result.
I added in the code you provided which helped.
I’ve got different poster sizes in different categories so that code has now made my Aus 1 Sheets display like the daybills.Richie
August 13, 2015 at 12:10 am #128857richpagsAnother question,
I’ve got different types of posters which have different measurements.
Just wondering if the product featured image size can be custom depending on the poster category?
For eg, check out my UK quads page.
Cheers
Richiehttp://reelmovieposters.com.au/product-category/birtish-quads
August 13, 2015 at 12:16 am #128859TomLead DeveloperLead DeveloperThe images on the first page look pretty good to me? Didn’t see any misalignment.
As for your second question – I’m not sure if that’s possible. You may want to ask the devs over at WooCommerce – they might have a solution for you π
August 13, 2015 at 12:20 am #128861richpagsCheers Tom,
Yep I’m pretty happy with the alignments now.
I’ll have to see what I can find re the different poster dimensions issue.
Thanks
RichieAugust 13, 2015 at 12:22 am #128862TomLead DeveloperLead DeveloperCool – let me know what you find out/if you need any help π
August 13, 2015 at 12:25 am #128866richpagsSweet,
mmm I just removed the code bdbrown suggested which fixed my alignment issue, and the UK quad is displaying better now!!
August 13, 2015 at 12:28 am #128867TomLead DeveloperLead DeveloperAh, without that code, the heights on your homepage are all a little different.
If you set a height, then you’ll run into some distortion of images if the aspect ratio is off a bit (like the UK squad).
Your best bet if you want consistent results is to upload images that are all the exact same size.
August 13, 2015 at 12:32 am #128868richpagsCool Tom,
Yeah uploading images that are all the same size will be a problem as different poster types are have different sizes.
I think I can live with it the way it is now.
I’ll see if I can align the “Cart” buttons.Thanks
RichieAugust 13, 2015 at 8:43 am #128941TomLead DeveloperLead DeveloperAh fair enough π
Looking at the code, they don’t give you much to work with to align the title and add to cart to the bottom.
However, they may be able to give you some pointers over in their support forum.
Thanks!
August 13, 2015 at 5:53 pm #129102richpagsCool Tom,
I reckon I’d take the slight misalignment of the “add to cart” buttons over the distorted featured images.
Cheers
Richie -
AuthorPosts
- You must be logged in to reply to this topic.