Shopify themes, liquid, logos, and UX
Also, the product title and "add to quote" button is not on the same line and identical to each other.
Store: www.dotodone.co.uk
Password: dotodoneltd
Thank you
Solved! Go to the solution
This is an accepted solution.
This didn't quite work, images were the same size but the buttons and title were all over the place
Please add this in theme.scss file
.product-card__image-with-placeholder-wrapper img {
overflow: hidden;
object-fit: cover;
height: 150px;
}
This is an accepted solution.
This didn't quite work, images were the same size but the buttons and title were all over the place
Just from looking in chrome dev tools, the layout is looking for a max-width and max-height to set image sizes, so you'll want to make all images larger than or at least equal to those max settings so they'll be the same size.
This is how your inline stylesheet in an individual card looks:
<style>#ProductCardImage-collection-template-6830823178417 {
max-width: 330.0px;
max-height: 220px;
}
#ProductCardImageWrapper-collection-template-6830823178417 {
max-width: 330.0px;
}
</style>
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024