Add Product Images to the Shopp Cart and Checkout Pages

In this tutorial, we’ll learn how to add cart images to our cart & checkout pages. This will help customers “see” the specific items that are in their cart.

You’ll need to have Shopp templates enabled.

Go to WP-admin –> Shopp Setup –> Presentation. If templates are already enabled, you’ll see a checkmark for templates. If you do not see this, then follow the instructions for setting them up.

Specifically, you’ll need to login to your site with a FTP client. A free option is FileZilla. We recommend Transmit (if you are on a Mac).

Next browse to your theme folder and create a shopp subfolder in it. Once setup, you’ll see that you now have a set of Shopp files in the new Shopp subfolder similar to this location:

wp-content/themes/yourthemefolder/shopp/

Make Edits to the Summary.php file

The code that displays the cart contents and information is located in the summary.php.

Login to your site with your preferred FTP client and browse to the following location: wp-content/themes/yourthemefolder/shopp and open the summary.php file.

This is the section of code that we’ll be modifying:

Add Product Images to the Shopp Cart and Checkout Pages

We first need to add a new table heading for our images. We’ll call it “Item Pictures”. Next we will add the code to call the image for each product and save changes.

Here is the updated code:

Add Product Images to the Shopp Cart and Checkout Pages

See more options for shopp cartitem, coverimage.

Was this post helpful to you?
Join our newsletter to receive updates!

 

Tagged as: shopp cart images

Add Product Images to the Shopp Cart and Checkout Pages