1.4K Messages
•
262.9K Points
How do I add images to the new products feed in the left/right column?
Several templates in Bigcommerce contain a panel that displays products in the right column of the store. Typically this side panel will not show any images, but just a text feed of the newest products. You can add images to these feeds by following the instructions below.
1. Click on Design.
2. Select Edit HTML/CSS.
3. In the HTML Design Mode, you will see two lists of files on the left side. Select styles.css from the second menu. On the right side, you will now see the CSS code for styles.css.
4. On your keyboard, type CTRL F to open up a search bar in the HTML Design Mode window. Copy and paste this search query into the search bar:
.Left .ProductList .ProductImage, .Right .ProductList .ProductImage
5. You will be brought to the line of your styles.css page controlling the display of the product images in side panels. Delete the code display: none; beneath that line.
6. Save.
7. When you view your storefront, the product feed will now contain images.
1. Click on Design.
2. Select Edit HTML/CSS.
3. In the HTML Design Mode, you will see two lists of files on the left side. Select styles.css from the second menu. On the right side, you will now see the CSS code for styles.css.
4. On your keyboard, type CTRL F to open up a search bar in the HTML Design Mode window. Copy and paste this search query into the search bar:
.Left .ProductList .ProductImage, .Right .ProductList .ProductImage
5. You will be brought to the line of your styles.css page controlling the display of the product images in side panels. Delete the code display: none; beneath that line.
6. Save.
7. When you view your storefront, the product feed will now contain images.
No Responses!