Child pages
  • Product Image in Order Details - Magento 2
Skip to end of metadata
Go to start of metadata

Icon

Firefox user notice:

Please use different web browser to view this document.

Sorry for the inconvenience.

 

 


Product Image in Order Details for Magento 2

With the Magento 2 Product Image in Order Details extension, customers can view product images on the storefront 'My Orders' page in their accounts. Also, the extension adds images to sales emails generated in Magento.

Compatibility: Magento Open Source 2.2.X, Magento Commerce 2.2.X

   Product Page

Thank you for choosing Aheadworks! 


Installing Product Image in Order Details

Command Line Installation

1. Backup your web directory and store database

2. Download the 'Product Image in Order Details' installation package

 3. Navigate to your store root folder in the SSH console of your server:

cd path_to_the_store_root_folder

and create the Ewave vendor directory:

mkdir -p app/code/Ewave

4. Upload the contents of the 'Product Image in Order Details' installation package to your store

 

/app/code/Ewave 

directory

 5. Run the following command from your store root directory:

php -f bin/magento module:enable Ewave_OrderImages

then:

php -f bin/magento setup:upgrade

after:

php -f bin/magento setup:static-content:deploy

6. Flush the store cache; log out from the backend and log in again

Icon

Make sure the installation is done from under the FTP administrator account. Otherwise, make sure to set 775 permissions to the store root directory after the extension is deployed.


Introducing Product Image in Order Details

Sometimes it is quite difficult to remember the products you have recently ordered. By default, the 'My Orders' page does not provide customers with any visual elements for a quick search through the orders.

The Magento 2 Product Image in Order Details extension helps you improve the user experience by showing shoppers product images on the 'My Orders' page in the 'My Account' section.

Furthermore, the module improves the whole set of the native Magento sales emails. The templates now present product images (thumbnails) making your store more user-friendly and supportive. 

Extension Logic

Storefront Features

Product images (thumbnails) are displayed under the following tabs:

  • Items Ordered;
  • Invoices;
  • Order Shipments;
  • Refunds.

Back-office Features

Product images (thumbnails) are displayed in the following Magento emails:

  • Invoice Email Template;
  • Invoice Email Template for Guest;
  • Credit Memo Email Template;
  • Credit Memo Email Template for Guest;
  • Shipment Email Template;
  • Shipment Email Template for Guest;
  • New Order Confirmation Template;
  • New Order Confirmation Template for Guest;
  • Order Comment Email Template;
  • Order Comment Email Template for Guest.

Backend Configuration

Extension Settings

To configure the module, go to Stores > Configuration > EWAVE EXTENSIONS > Product Image in Order Detail.

Extension Settings

The 'Show Product Image In Order Details' option enables/disables product images on the order details page in the 'My Account' section on the storefront

Having enabled the option, we will move to the storefront to see the extension in action.

Product Images on the Storefront

Customers can view product images across all the available tabs of the order details page: 'Items Ordered', 'Invoices', 'Order Shipments', and 'Refunds'.

Product Images in Orders:

If a product has no image, then the default thumbnail will be displayed.

For the bundle product type, a thumbnail of the corresponding bundle product will be displayed.

Bundle Product Display


For the configurable product type:

  • If the configurable’s option doesn't have an image, then the thumbnail image of its parent will be displayed;
  • If the configurable’s option has an image, then the thumbnail image of the option will be displayed.

Product Images in Emails

You can customize email templates with product images in Marketing > Communications > Email Templates.

Product Images in Emails

Icon

This part of the template refers to {{layout handle="sales_email_order_items" order=$order area="frontend"}}.

You can update it in the following file:
vendor/magento/module-sales/view/frontend/templates/email/items.phtml


Or override in your custom module:
app\design\frontend\our-template\default\layout\sales.xml
app\design\frontend\our-template\default\template\sales\order\items.phtml

Support

Thank you for installing and using the extension. If you have questions, contact the eWave team here: info@ewave.com.


Product Page

Need Customization?

Magento 2 Custom Development Services by Aheadworks


You can always find the latest version of the software, full documentation, demos, screenshots, and reviews on http://ecommerce.aheadworks.com

License agreement: https://ecommerce.aheadworks.com/end-user-license-agreement/
Contact Us: http://ecommerce.aheadworks.com/contacts/
Copyright © 2019 Aheadworks Co. http://www.aheadworks.com

  • No labels