{"id":295544,"date":"2021-07-15T07:02:27","date_gmt":"2021-07-15T07:02:27","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=295544"},"modified":"2023-10-20T12:33:04","modified_gmt":"2023-10-20T12:33:04","slug":"magento2-advance-media-manager-guide","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-advance-media-manager-guide\/","title":{"rendered":"Guide for Advance Media Manager Magento 2"},"content":{"rendered":"\n
\n

Introduction: Advance Media Manager Magento 2<\/h3>\n<\/div><\/div>\n\n\n\n

Advance Media Manager Magento 2 (Adobe Commerce) is helpful in managing the images available in your content. With Advance Media Manager, users can edit the images in many ways. These images are useful while adding to the website pages. Images present in your gallery are editable and can be modified as per your requirements<\/p>\n\n\n\n

Check a brief overview of the plugin – <\/p>\n\n\n\n

huT1r-ewB6A<\/div><\/div><\/div><\/div>\n\n\n\n
\n

Install Advance Media Manager Magento 2 (Adobe Commerce)<\/h3>\n<\/div><\/div>\n\n\n\n

Install Extension from Webkul Store<\/h3>\n\n\n\n

1. Download Module<\/h3>\n\n\n\n

The first step is to log in to Webkul Store. Go to My Account<\/strong>>My Purchased Products<\/strong> section, and verify. Now download and extract the contents of this zip folder on the system.<\/p>\n\n\n\n

2. Upload Folder<\/h3>\n\n\n\n

Extract the module zip go to src>app<\/strong>. After this copy the app<\/strong> folder into the Magento 2 root<\/strong> directory on the server as shown below:<\/p>\n\n\n\n

\"Install<\/a><\/figure>\n\n\n\n

3. Run Commands<\/h3>\n\n\n\n

Once the module of folder is uploaded and then you can run the following commands in the Magento 2 root directory:<\/p>\n\n\n\n

composer require intervention\/image<\/pre>\n\n\n\n
php bin\/magento setup:upgrade<\/pre>\n\n\n\n
php bin\/magento setup:di:compile<\/pre>\n\n\n\n
php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n
php bin\/magento indexer:reindex<\/pre>\n\n\n\n
php bin\/magento cache:flush<\/pre>\n\n\n\n
Install Extension from Magento Marketplace<\/h3>\n\n\n\n
If you have purchased an extension from the Magento Marketplace and go through the process or visit this<\/a> link.<\/p>\n\n\n\n
1. Get Access Keys<\/h3>\n\n\n\n
You need to get access keys. Navigate to My Profile<\/strong> in Magento Marketplace. Choose Access Keys<\/strong> in the My Products<\/strong> section.<\/p>\n\n\n\n
\"my-profile<\/a><\/figure>\n\n\n\n
Go to Magento 2<\/strong> and after this, here you copy the Access Keys, Public Key and Private Key. These access keys will be needed in the next steps for authentication.<\/p>\n\n\n\n
\"copy-keys_Advance<\/a><\/figure>\n\n\n\n
And if access keys are not created before then you can click on \u201cCreate A New Access Key\u201d to create a new one. After this Enter any name and click OK.<\/p>\n\n\n\n
\"create-key-name_Advance<\/a><\/figure>\n\n\n\n
2. Update composer.json File<\/h3>\n\n\n\n
To know the component name and version number, go to your Magento Marketplace account section, My Profile>My Purchases<\/strong>, and find this extension to view the details. Please note: Below is an example image, every extension will have its unique component name and version.<\/strong><\/p>\n\n\n\n
\"Component<\/a><\/figure>\n\n\n\n
Next is, to navigate to your Magento project directory and update your composer.json file in the given format.<\/p>\n\n\n\n
composer require <component-name>:<version><\/strong><\/p>\n\n\n\n
To install version 5.0.0 of this extension you need to run the given command:<\/p>\n\n\n\n
composer require webkul\/module-advanced-media-manage-check:4.0.1<\/strong><\/p>\n\n\n\n
3. Enter Access Keys<\/h3>\n\n\n\n
Now you will need to enter the Access Keys<\/a> that you obtained as explained in the first step #1 Get Access Keys. Wait for Composer to finish updating your project dependencies and make sure there aren\u2019t any errors.<\/p>\n\n\n\n
4. Run Command<\/h3>\n\n\n\n
Now run the given commands:<\/p>\n\n\n\n
php bin\/magento setup:upgrade<\/pre>\n\n\n\n
php bin\/magento setup:di:compile<\/pre>\n\n\n\n
php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n
php bin\/magento indexer:reindex<\/pre>\n\n\n\n
php bin\/magento cache:flush<\/pre>\n\n\n\n
Multi-Lingual Configuration<\/h3>\n\n\n\n
For Multilingual<\/strong> support, please navigate through Store > Configuration->General > Locale Options<\/strong> and select your desired language from the locale<\/strong> option.<\/p>\n\n\n\n
\"translation\"<\/a><\/figure>\n\n\n\n
Module language translation of Advance Media Manager Magento 2<\/h3>\n\n\n\n
If you need to do the module translation, please navigate the path app\/code\/Webkul\/AdvancedMediaManager\/i18n<\/strong> and edit the file named en_US.csv <\/strong>as shown below screenshot.<\/p>\n\n\n\n
\"translation_file_Advance<\/a><\/figure>\n\n\n\n
Once you have opened the file for editing following this, replace the words after the comma(,) and then on the right with translated words.<\/p>\n\n\n\n
\"translation-image\"<\/figure>\n\n\n\n
After this, editing the CSV file, save it, and then upload it to the same path app\/code\/Webkul\/Webkul_AdvancedMediaManagerr\/i18n. The module will now get translated into your desired language. Results in, it supports LTR<\/strong> and RTL<\/strong> languages.<\/p>\n\n\n\n
\"language_pack_Advance<\/a><\/figure>\n\n\n\n
\n
Advance Media Manager Magento 2 working<\/h3>\n<\/div><\/div>\n\n\n\n
Advance Media Manager Magento 2: Enable and Disable the old media gallery <\/h3>\n\n\n\n
Step 1:- Go to Store> Advance > System. Here select Media Gallery<\/strong>. Set Enable Old Media Gallery to NO as per the given image below.<\/p>\n\n\n\n
\"Advance<\/figure>\n\n\n\n
Step 2:- Go to Content> Media Gallery. Now you will see the manage gallery page as given below<\/p>\n\n\n\n
\"Gallery<\/figure>\n\n\n\n
\n
Advance Media Manager Magento 2 functionalities:<\/h3>\n<\/div><\/div>\n\n\n\n
To see the functionalities upload an image by clicking on upload image. An image will upload from your system. And once it is upload after this click on the three-dot icon of the image at the right bottom. You will see four actions:-<\/p>\n\n\n\n