What's your biggest current challenge? Have your say in Community Polls along the right column.

Can I customize Shopify product cards to resemble Amazon's?

Can I customize Shopify product cards to resemble Amazon's?

Knofan
Tourist
15 0 2

Im about to change to Shopify but i realy would like to change the default style of the product card to something more similar to Amazon product card.


For example to have all products with the same color on the same product page (see image)as well as having them separatly when searching for them.

 

Is this possible?

 

sh.png

Replies 2 (2)

CodingSolution
Trailblazer
176 12 10

Use this code in css file

/* Add custom styles to product card */
.product-card {
  background-color: #f1f1f1; /* Replace with your desired background color */
  border: 1px solid #ccc; /* Add a border for better separation */
  padding: 20px; /* Adjust padding as needed */
}

/* Remove default padding and margin from product images and titles */
.product-card img, .product-card h3 {
  margin: 0;
  padding: 0;
}
banned
Knofan
Tourist
15 0 2

It seems like this will only change background colors and some boarders. It does not add products to the product card or creates a similar look as amazon. Perhaps that is not possible?