Are you in the loop? Keep up with the latest by making sure you're subscribed to Community Announcements. Just click Watch and select Articles.

×
Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Celebration

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root

Avatar

1 badge earned

Collect

Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!

Challenges
Coins

Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.

Recognition
Ribbon

Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!

Leaderboard

How To Add Product Image In Shopify Invoice

Lucas Brown
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
Nov 06, 2023

 

Certainly, adding product images to your Shopify invoice can provide a visual touch to your order documents. To achieve this, you'll need to make some modifications to your Shopify template code. Here's a smart and unique step-by-step guide:

1. Access Your Shopify Theme:

  • Log in to your Shopify admin panel.
  • Navigate to "Online Store" and select "Themes."
  • Find and click on the "Actions" dropdown for your current theme, then choose "Edit code."

2. Locate the Order Printer Template:

  • Look for the "Templates" folder in the list of theme files.
  • Find the file that corresponds to your order printer template, typically named something like If you can't find it, you might need to create a custom order printer template.

3. Add the Product Image Code:

  • Inside the order printer template, locate the section where you want to display the product image. This might be near the product name or in the product details section.
  • Add the following code snippet to display the product image:
  • This code fetches the product image associated with each line item and displays it on the invoice.

4. Save and Test:

  • After adding the code, save the template file.
  • Test it by creating a sample order and generating an invoice. You should now see product images on your invoice.

5. Customize Styling (Optional):

  • You may need to adjust the styling to make the images look good in your invoice. This can be done using CSS within your theme.

Remember, the availability of certain variables and the structure of your template might vary depending on your Shopify theme. If you're not comfortable with coding, consider seeking assistance from a developer or Shopify expert to ensure a seamless integration of product images into your invoices.

With these steps, you'll be able to add product images to your Shopify invoice, enhancing the visual appeal of your order documents.

0 comments

Comment

Log in or Sign up to comment