Important Information:<\/p>\n\n\n\n
- First of all make sure your system requirements meet the ones necessary for the correct functioning of our Magento Layered Navigation Extension. For more details on system requirements read Magento system requirements<\/a>.<\/strong><\/li>
- Before you proceed with extension installation – you need to make sure that Compilation is disabled in your Magento. Please follow the steps outlined in this Wiki article<\/a> to disable Compilation. Note: You don’t have to make step 2 if Compilation is permanently disabled in your Magento.<\/i><\/strong><\/li>
- Before you proceed with the installation – please, make sure to enable Magento Cache<\/a>.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
Manual Installation<\/h2>\n\n\n\n
To install this Magento Improved Navigation Extension, you will need the archive containing it. The unpacked archive and catalog of files are shown below.<\/p>\n\n\n\n
\nDetailed description:<\/p>\n\n\n\n
- This is the original archive to be unpacked.<\/strong><\/li>
- This is the unpacked catalog of files.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"Magento-Product-Filter-Installation-1.png\"\/](\"\/docs\/wp-content\/uploads\/2020\/05\/Magento-Product-Filter-Installation-1.png\")
<\/a><\/figure>\n\n\n\nIn order to perform FULL installation of Magento Filter by Product Attributes Extension v1.x, please do the Step 1 and Step 2 below:<\/strong><\/p>\n\n\n\n
Step 1<\/h3>\n\n\n\n
\nDetailed description:<\/p>\n\n\n\n
- In the extracted folder navigate inside “step1” directory and upload its content into your store root.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"1](\"\/docs\/wp-content\/uploads\/2020\/05\/1_update_magento_plumrocket_extension.jpg\")
<\/a><\/figure>\n\n\n\nYou may use any FTP-client in order to upload files to the server. (To show how it works we used the FTP-client FileZilla.)<\/p>\n\n\n\n
\nDetailed description:<\/p>\n\n\n\n
- \n This is your client side.<\/strong> You will see the unpacked catalog containing the Magento Product Filter Extension.<\/li>
- \n This is your root directory on server side.<\/strong> This is where the files should be uploaded.<\/li>
- \n All the files must be uploaded to the server.<\/strong> Select files and press the right mouse button.<\/li>
- Select the “Upload” option for these files.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"Magento-Product-Filter-Installation-2.png\"\/](\"\/docs\/wp-content\/uploads\/2020\/05\/Magento-Product-Filter-Installation-2.png\")
<\/a><\/figure>\n\n\n\nStep 2<\/h3>\n\n\n\n
\nDetailed description:<\/p>\n\n\n\n
- In the extracted folder navigate inside “step2” directory and upload its content into your store root.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"2](\"\/docs\/wp-content\/uploads\/2020\/05\/2_update_magento_plumrocket_extension.jpg\")
<\/a><\/figure>\n\n\n\n\nDetailed description:<\/p>\n\n\n\n
- \n This is your client side.<\/strong> You will see the unpacked catalog containing the extension.<\/li>
- \n This is your root directory on server side.<\/strong> This is where the files should be uploaded.<\/li>
- \n All the files must be uploaded to the server.<\/strong> Select files and press the right mouse button.<\/li>
- Select the “Upload” option for these files.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"3](\"\/docs\/wp-content\/uploads\/2020\/05\/3_update_magento_plumrocket_extension.jpg\")
<\/a><\/figure>\n\n\n\nThe screenshot below depicts possible difficulties that can occur when you upload the files. In case there are identical files on the server, they should be overwritten. Below you will find detailed tips on how to overwrite files (when using the FTP-client FileZilla):<\/p>\n\n\n\n
\nStep-by-Step action:<\/p>\n\n\n\n
- If you receive the notification “Target file already exists” from your FTP-client, please, follow the tips described below.<\/strong><\/li>
- Select the “Overwrite” radio button in order to overwrite files.<\/strong><\/li>
- Tick the “Apply to current queue only” ?heckbox in order to save these settings for all similar cases of current queue configuration in the future.<\/strong><\/li>
- Press “OK”.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"Magento-Product-Filter-Installation](\"\/docs\/wp-content\/uploads\/2020\/05\/Magento-Product-Filter-Installation_1.x.x-3.png\")
<\/a><\/figure>\n\n\n\nAdd Code to Magento Templates<\/h2>\n\n\n\n
After the license is uploaded you can move to the next step.<\/p>\n\n\n\n
\nImportant Information:<\/p>\n\n\n\n
If there is any of the Plumrocket Private Sales Magento Themes installed at your store, you may skip changing the code. Instead, you can only clear the cache as shown below. After you clear the cache, logging in and logging out, you will be able to see what the installed extension will look like in the front-end.<\/p>\n<\/div><\/div>\n\n\n\n
For the extension to function properly, you should make the following changes in its code. Find the file that can be reached at this location on your server: For Community Edition:<\/strong><\/p>\n\n\n\n
<\/div>\/app\/design\/frontend\/base\/default\/template\/catalog\/product\/list.phtml<\/code><\/pre><\/div>\n\n\n\nFor Enterprise Edition:<\/strong><\/p>\n\n\n\n
<\/div>\/app\/design\/frontend\/enterprise\/default\/template\/catalog\/product\/list.phtml<\/code><\/pre><\/div>\n\n\n\nor if your website is using a custom theme you should make the changes in this file:<\/p>\n\n\n\n
<\/div>\/app\/design\/frontend\/default\/(CUSTOM THEME NAME)\/template\/catalog\/product\/list.phtml<\/code><\/pre><\/div>\n\n\n\n- Where the “CUSTOM THEME NAME” is the name of your theme.<\/li><\/ul>\n\n\n\n
Find the code:<\/p>\n\n\n\n
<\/div><ol class=\"products-list\" id=\"products-list\">\n <?php foreach ($_productCollection as $_product): ?>\n <li class=\"item<?php if( ++$_iterator == sizeof($_productCollection) ): ?>\n last<?php endif; ?>\"><\/code><\/pre><\/div>\n\n\n\nand replace it with this one:<\/p>\n\n\n\n
<\/div><ol class=\"products-list list-of-products\" id=\"products-list\">\n <?php foreach ($_productCollection as $_product): ?>\n <li class=\"item<?php if( ++$_iterator == sizeof($_productCollection) ): ?> \n last<?php endif; ?>\" id=\"pr_<?php echo $_product->getId(); ?>\"><\/code><\/pre><\/div>\n\n\n\nFind the code:<\/p>\n\n\n\n
<\/div><?php if ($i++%$_columnCount==0): ?>\n <ul class=\"products-grid\">\n<?php endif ?>\n<li class=\"item<?php if(($i-1)%$_columnCount==0): ?> \n first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>\"><\/code><\/pre><\/div>\n\n\n\nand replace it with this one too:<\/p>\n\n\n\n
<\/div><?php if ($i++%$_columnCount==0): ?>\n <ul class=\"products-grid list-of-products\">\n<?php endif ?>\n<li class=\"item<?php if(($i-1)%$_columnCount==0): ?> \n first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>\" \n id=\"pr_<?php echo $_product->getId(); ?>\"><\/code><\/pre><\/div>\n\n\n\nFor RWD Theme:<\/strong><\/p>\n\n\n\n
<\/div>\/app\/design\/frontend\/rwd\/default\/template\/catalog\/product\/list.phtml<\/code><\/pre><\/div>\n\n\n\nFind the code:<\/p>\n\n\n\n
<\/div><ul class=\"products-grid products-grid--max-<?php echo $_columnCount; ?>-col\">\n <?php $i=0; foreach ($_productCollection as $_product): ?>\n <?php \/*if ($i++%$_columnCount==0): ?>\n <?php endif*\/ ?>\n <li class=\"item<?php if(($i-1)%$_columnCount==0): ?> \n first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>\"><\/code><\/pre><\/div>\n\n\n\nand repalce it with this one:<\/p>\n\n\n\n
<\/div><ul class=\"products-grid products-grid--max-<?php echo $_columnCount; ?>-col \n list-of-products\">\n <?php $i=0; foreach ($_productCollection as $_product): ?>\n <?php \/*if ($i++%$_columnCount==0): ?>\n <?php endif*\/ ?>\n <li class=\"item<?php if(($i-1)%$_columnCount==0): ?> \n first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>\" \n id=\"pr_<?php echo $_product->getId(); ?>\"><\/code><\/pre><\/div>\n\n\n\n\nImportant Information:<\/p>\n\n\n\n
In case you have a custom theme and experience any difficulties while changing the code – please contact our support<\/a> for assistance.<\/p>\n<\/div><\/div>\n\n\n\n
Clear Magento Cache<\/h2>\n\n\n\n
Don’t forget to clear Magento cache.To do this, follow the instructions below:<\/p>\n\n\n\n
\nStep-by-Step action:<\/p>\n\n\n\n
- Go to the Admin Panel >> System.<\/strong><\/li>
- Click on “Cache Management”.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
<\/figure>\n\n\n\n \nStep-by-Step action:<\/p>\n\n\n\n
- Press the “Flush Magento Cache” button.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
<\/figure>\n\n\n\n \nImportant Information:<\/p>\n\n\n\n
After the extension is installed successfully you can enable the magento compilation. Note: You don’t have to enable compilation if it was disabled prior to extension installation. Please follow the steps outlined in this Wiki article<\/a> if you decide to run the compilation.<\/strong><\/p>\n<\/div><\/div>\n\n\n\n
Sign-out and Sign-in back to Admin Panel. Then you will see the installed Magento Product Filter Extension as shown below. For more information on Extension preview and settings visit our “Configuration” section. You can install the next extension if needed.<\/p>\n\n\n\n
\nStep-by-Step action:<\/p>\n\n\n\n
- Click on “Plumrocket”.<\/strong><\/li>
- If there is “Product Filter” tab in the list, it means that the Magento Product Filter Extension has been successfully installed.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"Magento-Product-Filter-Installation-view.png\"\/](\"\/docs\/wp-content\/uploads\/2020\/05\/Magento-Product-Filter-Installation-view.png\")
<\/a><\/figure>\n\n\n\nLicense Installation<\/h2>\n\n\n\n
\nImportant Information:<\/p>\n\n\n\n
- Click on “Plumrocket -> Product Filter”<\/strong><\/li>
- In most cases your Serial Key should appear automatically. If you see this green check mark – this means that product Serial Key has been successfully activated. Now it is safe to enable the extension. However, if the green check mark is not there – you will need to enter your product Serial Key manually. In order to find and activate your Serial Key – please follow the License Installation instructions.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"Plumrocket](\"\/docs\/wp-content\/uploads\/2020\/05\/Plumrocket_product-filter-extension-serial-key-activated.png\")
<\/a><\/figure>\n\n\n\n - In most cases your Serial Key should appear automatically. If you see this green check mark – this means that product Serial Key has been successfully activated. Now it is safe to enable the extension. However, if the green check mark is not there – you will need to enter your product Serial Key manually. In order to find and activate your Serial Key – please follow the License Installation instructions.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
- If there is “Product Filter” tab in the list, it means that the Magento Product Filter Extension has been successfully installed.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
- Click on “Plumrocket”.<\/strong><\/li>
- Click on “Cache Management”.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
- Go to the Admin Panel >> System.<\/strong><\/li>
- Select the “Overwrite” radio button in order to overwrite files.<\/strong><\/li>
- \n This is your root directory on server side.<\/strong> This is where the files should be uploaded.<\/li>
- \n This is your client side.<\/strong> You will see the unpacked catalog containing the extension.<\/li>
- \n This is your root directory on server side.<\/strong> This is where the files should be uploaded.<\/li>
- \n This is your client side.<\/strong> You will see the unpacked catalog containing the Magento Product Filter Extension.<\/li>
- This is the unpacked catalog of files.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n
- Before you proceed with extension installation – you need to make sure that Compilation is disabled in your Magento. Please follow the steps outlined in this Wiki article<\/a> to disable Compilation. Note: You don’t have to make step 2 if Compilation is permanently disabled in your Magento.<\/i><\/strong><\/li>