Magento 2 Product Attachment

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.

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

First command – php bin/magento setup:upgrade

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

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

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

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

Module Translation

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 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.

The user can edit the CSV like the image below.

After the installation of Magento2 Product Attachment, you will find the configuration settings panel by navigating through Stores->Configuration->Product Configuration per the snapshot below.

Under the Product Attachment Configuration option there are two settings for configuring this module:-

General settings

In the general settings, the admin can-

• Set the FTP path for File Uploading.
• select the file types in Attachment Allowed Extensions field.

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 frontend.
• Set “Yes” to display attachment block only if the product has been ordered and “No” to display the attachment block every time.
• Set as “Yes” to display attachment block only if the product has been ordered, and “No” to display attachment block always.
• Set Block Title for Attachments.

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

After configuring the module general & Display settings. The admin from the Dashboard will navigate to the Product Attachments Management to manage the product attachment & Icons.

Manage Product Attachment

Under this, the admin can find the list of all existing product attachments.

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

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

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

• Need to add attachment name.
• Enter Alias Name that will be shown on the frontend.
• Upload the attachment file.
• Enter Alt Text in order to effectively search the attachment file.
• Add description for the attachment.
• Can “Enable” or “Disable” the status of attachment to make it visible on the frontend.
• Enter a sort order to set position for the attachment.

Manage Attachment Icon

Make your customers specify the product attachment files easily. By using attachments icons, you can make your attachments impressive and make it easily visible and selectable to the customers.

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

Add New Icon

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

• 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.

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

Upload file from product grid view

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

After clicking on the ” Upload Files“, the next screen will open consisting of existing attachments. From here just select the attachment you want to attach with a product, then select the dropdown “Assign selected files” and save it.

Also, from here the admin can directly add and upload an attachment. For this first click on “Add and Upload Attachment” 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 you can upload files and restrict their access to specific customer groups from product edit sheet.

Here the admin need to provide-

• The filename for the attachment
• Browse the file from your system.
• Select the specific customer group.
• Can select as “No” to Show the attachment to the customer every time whether the product is ordered or not, and if select as “Yes” then the attachment will be visible only if the product has been ordered once.
• Can select whether to make attachment visible or not and then save the product.

After successful configuration done by the admin, let see the frontend of the web store. Here on the product page, the customer can easily find the product attachment section.

By clicking on this option, the customer will find an attachment associated with this product by the store owner for providing precise information about the product. As shown in the below screenshot.

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.