Reading list Switch to dark mode

    Magento 2 Product Attachment

    Updated 20 October 2023

    Magento 2 Product Attachment: The module is equipped with product pages with a special attachments block where the admin can upload various files such as user guides, certificates, licenses, and many others.

    Further, upload icons relative to the specific attachment type so that the customer can easily specify the attachment files.

    Upload an unlimited number of file types like gif, png, jpg, and jpeg, and make product pages as informative as possible.

    Meanwhile, there is often some essential additional data on the offerings that must be provided to the customers in the most convenient and transparent manner.

    Adding files allows for making pages maximally informative & taking the deal further.

    Searching for an experienced
    Magento 2 Company ?
    Find out More

    Watch the below video tutorial to understand the extension workflow :

    SBKXemyvwDk

    Features

    • The admin can upload Product attachments.
    • Admin can assign and upload the attachment from the products Grid as well.
    • The admin can see uploaded Product attachments in the Product attachment Grid.
    • The admin can Enable or Disable uploaded Product attachments.
    • Admin can upload Product attachment Icons.
    • The admin can Enable or Disable uploaded Product attachment icons.
    • The customer can see the product Attachments in the product details tab and product overview.
    • Admin can configure to display alias name instead of the attachment name.
    • The admin can set the maximum number of attachments to display in the product overview.
    • The admin set attachment size will be displayed at the front end or not.
    • Admin can set the default color for the attachment title.
    • The admin can save the Product Attachments according to Store.
    • The admin can also assign the products at the time of the creation of the product attachment.
    • Icon extension is visible under the Manage Product Attachments section
    • The admin can add the new category attachments or use existing attachments.
    • The customers can see the attachments for the respective order under My Order History section.
    • Product attachment report view is available under the reports section.
    • Product attachment visible in the mail invoice for the order.
    • GraphQL has been implemented for the extension.

    Installation

    Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

    Move-app-folder-2

    After the successful installation, you have to run these commands in the Magento2 root directory:

    First command – php bin/magento setup:upgrade

    command1-upgrade-3

    Second Command – php bin/magento setup:di:compile

    command2-compile-2

    Third Command – php bin/magento setup:static-content:deploy

    command3-deploy-1

    After running the commands, you have to flush the cache from Magento admin panel by navigating through->System->Cache management as shown below.

    Installation Of Magento2 Multi Vendor Marketplace

    Configuration For Multi-Lingual Support

    For multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which the admin want to translate his store content).

    lang1

    Module Translation

    Further, if you want to translate their module language from English to German then follow the path app/code/Webkul/ProductAttachment/i18n in their unzipped Magento2 Preorder folder, and then you will get a CSV file with the name “en_US.csv”.

    Now, rename that csv as to your region code and language code “de_DE.csv” and translate all right-side content after a comma in your language. After editing the CSV, save it and then upload it to the path app/code/Webkul/ProductAttachment/i18n where you have installed Magento 2 on their server. The module will get translated into your desired Language. It also supports RTL and LTR languages.

    Preorder-Translation-1
    Preorder-Translation-2

    Moreover, the user can edit the CSV like the image below.

    screenshot_from_2019_04_04_16_17_37 1

    Module Configuration – Magento 2 Product Attachment

    After the installation of Magento 2 Product Attachment, the admin will find the configuration settings panel by navigating through Stores->Configuration->Product Attachment Configuration as per the snapshot below.

    192.168.15.102_eep1_pub_admin_admin_system_config_edit_section_attachment_key_6d7ff2580488b92a35b8091da5c174c1a71d9032d690c91c65d4c8c3d86dd830_asd

    Meanwhile, under the Product Attachment Configuration option, there are three settings for configuring this module –

    Configuration-Settings-Stores-Magento-Admin-1

    General settings 

    In the general settings, the admin can –

    • Set the FTP path for File Uploading.
    • Select the file types in the Attachment Allowed Extensions field.
    Configuration-Settings-Stores-Magento-Admin-2
    Configuration-Settings-Stores-Magento-Admin-3

    Display Settings

    In the display settings, the admin can-

    • Enable the module by selecting “Yes” or Disable it by selecting “No”.
    • Specify a Customer Group for which the attachment will be visible on the front end.
    • Set as “Yes” to display the attachment block only if the product has been ordered, and “No” to display the attachment block always.
    • Set Block Title for Attachments.
    • This field will be set as “Yes” to display the Alias Name instead of the Attachment Name.
    • Set as “Yes” to display the Attachment Size at the front end.
    • The admin can set the Default Color for the attachment title.
    • Set as ‘yes’ to display attachments in the Product Overview on the front end.
    • Set Block Title for Attachments Overview.
    • Enter the maximum number of attachments to display in the product overview.
    192.168.15.102_eep1_pub_admin_admin_system_config_edit_section_attachment_key_6d7ff2580488b92a35b8091da5c174c1a71d9032d690c91c65d4c8c3d86dd830_asd-2

    Additional Settings

    • Choose which attachment information to display on the product page – Attachment name, size, or image.
    • Choose which attachment information to display on the category page – Attachment name, size, or image.
    • Choose to enable the attachments in the customer’s order history under the My Orders Section for the respective orders.
    • Allow to Add Attachments in E-mail Invoice.

    After configuring the module, click on the “Save Config” button.

    Magento 2 Product Attachment – Options

    After configuring the module’s general and display settings. The admin from the Dashboard will navigate to Product Attachments Management to manage the product attachments and icons.

    Dashboard-Magento-Admin-product-attachment

    Manage Product Attachment

    Under this, the admin can find the list of all existing product attachments along with the icon extension column displaying the icon for the respective file extension.

    manage product attachments Magento 2 product attachment extension

    From here the admin can manage the product attachments. In order to update an attachment click on “Edit”. As shown below.

    product-attachment-and-assignment

    Admin can manage the existing attachments & also can add a new attachment by clicking on the “Add Attachment” button.new-products-attachment

    For adding a new attachment, product attachment information need to be entered by the admin-

    • Need to add the Attachment Name.
    • Enter the Alias Name.
    • Upload the Attachment File.
    • Enter Alt Text in order to effectively search the attachment file.
    • Add a Description for the attachment.
    • Can “Enable” or “Disable” the status of the attachment to make it visible on the front end?
    • Choose the Store View to display the attachment.
    • Enter a Sort Order to set the position for the attachment.

    In the product assignment, the admin can select all the products the admin wants to assign to this attachment as shown below.

    product-assignment

    Manage Category Product Attachment

    To manage the category product attachments navigate through Catalog->Catgories and open a category to which you want to add the attachment. Here, you will find one option Product Attachments.

    magento 2 product attachment via category

    Open It and this will be displayed as under.

    magento 2 product attachment via category

    Now, tap the Add New Attachment button. After that, for the product under the category add the product attachment details.

    magento 2 product attachment via category

    After that, come down to the Product Assignment tab and select the products.

    magento 2 product attachment via category

    Lastly, tap the Save button to save the product attachment. A success message for the same is also visible.

    magento 2 product attachment via category

    To assign existing product attachments, tap the Assign Existing Attachments button.

    Screenshot-from-2023-10-18-10-37-09

    After tapping the same, a pop-up appears that consists of already created attachments. Select the required and tap the Upload Attachments button in the top right-hand corner.

    testdevmage.com_12314_admin_catalog_category_edit_id_3_key_1a6b918f20ecd89b20b89fcc28a85e9062e7e3a89c7e1ff67aaa552189eeb913_asd-1

    After that, you can see a success message for the same.

    magento 2 product attachment via category

    The category attachments then get visible like the attached snapshot below.

    testdevmage.com_12314_products.htmlasd

    Manage Attachment Icon

    Under this tab the admin can manage the existing attachment icons as well can add a new icon for the attachments. When the file is uploaded, the icon on the front end indicates the file format to the customer. This informs the customers what file type they are about to download.

    testdevmage.com_12314_admin_productattachment_icon_index_key_3a65421c2bb3797f281e5272df82da29d9bb5392f275ffa59d964f6b4949eded_asd

    Edit the Icon

    The admin can edit the existing icon by clicking on “Edit” as shown below –

    icon2-mp4-Icon-Magento-Admin-1

    Add New Icon

    New-Icon

    Here to add the icon for attachment, the admin needs to enter the –

    • Name of the icon.
    • The Alias Name.
    • Attachment Extension file type
    • Choose an Icon file to upload.
    • Enter Alt Text for the icon.
    • Select Status for the icon i.e. Enabled or Disabled.

    Upload & Attach Files

    The attachments can be associated with the products in two ways.

    Here the admin can add attachments to the product just by clicking on the upload option available on every product from the grid only.

    products-catalog-1

    After clicking on the “Upload Files”, the next screen will open consisting of existing attachments. From here the admin will select the attachment which is required to be attached with the product, then select the dropdown  “Assign selected files” and save it.

    Webkul-magento-2-product-attachment-manage-assign-file

    Also, from here the admin can directly add and upload an attachment. For this first click on “Upload Attachment” and then select the specific file to upload from the system, then the selected file will show with other existing attachments just select the desired attachment and assign it to the product.

    Upload from Product Page

    This is the standard method in which the admin can upload files and restrict their access to specific customer groups from the product edit sheet.

    add-attachment

    Here the admin needs to provide the –

    • Name for the attachment.
    • Alias Name of the attachment.
    • Browse the file from the system.
    • Select the specific Customer Group.
    • Can select “No” to Show the attachment to the customer every time whether the product is ordered or not, and if selected as “Yes” then the attachment will be visible only if the product has been ordered once.
    • Can select whether to make the Attachment Visible or not and then Save the product.
    • Color code for the attachment title.

    Product Attachment View Reports

    The admin can see the product attachment view reports as required. The admin can filter the data on a weekly, Monthly, or Yearly basis.

    To check the same navigate through Reports->PRODUCT ATTACHMENT REPORTS->Product Attachment Views.

    192.168.15.102_eep1_pub_admin_productattachment_attachment_viewed_key_6580117862e1b9a96a695c8065aa09d22f2ec16ead7c23889857903d271cf934_asd

    The graph at the admin end will be shown when a customer will see the attachment details on the product page.

    Frontend Workflow

    After successful configuration is done by the admin, let’s see the front end of the web store. Here on the product page, the customer can easily find the Product Attachment Overview and Product Attachment section.

    testdevmage.com_12314_watch-chronograph.htmlasd

    Moreover, by clicking on the View Details option, the customer can see the attachment information as shown in the below screenshot.

    testdevmage.com_12314_watch-chronograph.htmlasd-1

    Further, as the customer clicks on the attachment, the file will open in a new tab, from where the customer can take a preview of the attachment.

    chronograph-series

    The customers can also see the product attachments for the respective product order under the My Order section.

    testdevmage.com_12314_sales_order_view_order_id_7_asd

    Also, an email with the product attachments is visible to customers.

    mail.google.com_mail_u_1_asd

    That is all for the Magento 2 Product Attachment still, have any issues feel free to add a ticket and let us know your views to make the module better at webkul.uvdesk.com

    Current Product Version - 4.0.8

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    Blog Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x
    • Version Supported Framework Version - 2.0.x, 2.1.x,2.2.x,2.3.x,2.4.x
    • Version 2.0.x, 2.1.x, 2.2.x, 2.3.x, 2.4.x
    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content