Links

Adobe Commerce (Magento)

Filerobot Magento Plugin
The Filerobot Plugin is an extension which adds Asset Management to the Magento Admin (Product Images, Tinymce 4 WYSWYG) and shows it on the Front-end (Product listing page, Product detail page, Minicart, Cart Page, and Checkout Page).
There are 3 simple steps for enabling the plugin on your Magento 2 website:
  • Obtain a Filerobot token (request it here);
  • Install the Filerobot module for Magento 2;
  • Add your security configuration parameters to access your Filerobot library.
Please note that the plugin will make some changes in the Admin section.
Currently, the plugin only supports the Text Component in Page Builder; other components will be supported in future versions.
  • TinyMCE Image (Insert/Edit) default function will be disabled. You can change the image size by scaling (drag and drop function) or delete it and add a new one with the size you like;
  • The plugin will disable the default upload function in Product Edit Page. Instead, every asset will be managed by Filerobot (single source of truth).
  • The plugin works well with the Magento Luma default theme. If you use a different theme, please check the manual integration below to get the product images.

Installation

Prerequisites

You can register for a demo if you don't already have a Filerobot account.

Step 2. Install the Filerobot module for Magento 2

Prerequisites

Filerobot supports Open Source and Commerce Edition from version 2 onwards.
If you have a question or need assistance, feel free to contact our support.

Install with Composer

To be able to install the module by Composer, you need to get a copy of the module on the Magento Marketplace, or directly from Github. Then, unzip the source code to app/code folder.
Enable and install the following modules in Magento:
php bin/magento module:enable Scaleflex_Filerobot php bin/magento setup:upgrade php bin/magento setup:static-content:deploy

Step 3. Add your security configuration parameters

Configuration

Once the steps listed above are completed, you need to enter your Filerobot token and security template into the Filerobot module configuration the Magento admin interface: Stores > Configuration > Filerobot By Scaleflex > Filerobot integration.
Photo alt \#responsive
If your token and security template id is verified, please activate the module by selecting Yes in the Filerobot Enable dropdown then save again.
After all is done, you will be asked to flush your Magento cache.
You will not be able to activate the plugin until the token and security template id are correct.

Configuration options

  • Filerobot Token: Your Filerobot token from the Asset Hub interface;
  • Security Template Identifier: Security template ID, found in the Developers top menu;
  • Filerobot upload directory: This is the top storage folder for your assets. The default value is /magento.
Please create the folder in Filerobot first to prevent an error. If you want to change it, you need to check if the folder exists in your Filerobot container.

Usage

TinyMCE

Please click on Icon Filerobot on TinyMCE:
Photo alt \#responsive
Then choose which images you want to insert -> transform:
You will be able to select and insert one or more images:
If you want to change the image size, please choose one image at time and click Insert. After that, you will be able to set the desired image dimensions.
If you want to change the dimensions of an already inserted image, you can use Tinymce Image size drag and drop.

Product Images

Go to Product Edit Page in Images and Video Tab, then click Image Manager. Then you can use the file manager like TinyMCE above.
Photo alt \#responsive