X hide

Magento Product Filter v1.x Installation

From Plumrocket Documentation

You are viewing:  Product-Filter-32.png  Product Filter

Installation Service
Installation Service


Contents

Installation

Here you will learn how to correctly install the Magento Layered Navigation Extension.

Attention green.png Important Information:
  1. 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.
  2. 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 to disable Compilation.
    Note: You don't have to make step 2 if Compilation is permanently disabled in your Magento.
  3. Before you proceed with the installation - please, make sure to enable Magento Cache.


Manual Installation

To install this Magento Improved Navigation Extension, you will need the archive containing it. The unpacked archive and catalog of files are shown below.

Description.png Detailed description:
  1. This is the original archive to be unpacked.
  2. This is the unpacked catalog of files.


Magento-Product-Filter-Installation-1.png


In order to perform FULL installation of Magento Filter by Product Attributes Extension v1.x, please do the Step 1 and Step 2 below:

Step 1

Description.png Detailed description:
  1. In the extracted folder navigate inside "step1" directory and upload its content into your store root.


1 update magento plumrocket extension .jpg


You may use any FTP-client in order to upload files to the server. (To show how it works we used the FTP-client FileZilla.)


Description.png Detailed description:
  1. This is your client side. You will see the unpacked catalog containing the Magento Product Filter Extension.
  2. This is your root directory on server side. This is where the files should be uploaded.
  3. All the files must be uploaded to the server. Select files and press the right mouse button.
  4. Select the "Upload" option for these files.


Magento-Product-Filter-Installation-2.png


Step 2

Description.png Detailed description:
  1. In the extracted folder navigate inside "step2" directory and upload its content into your store root.


2 update magento plumrocket extension .jpg


Description.png Detailed description:
  1. This is your client side. You will see the unpacked catalog containing the extension.
  2. This is your root directory on server side. This is where the files should be uploaded.
  3. All the files must be uploaded to the server. Select files and press the right mouse button.
  4. Select the "Upload" option for these files.


3 update magento plumrocket extension .jpg


The 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):


Information Sign sm.png Step-by-Step action:
  1. If you receive the notification "Target file already exists" from your FTP-client, please, follow the tips described below.
  2. Select the "Overwrite" radio button in order to overwrite files.
  3. 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.
  4. Press "OK".


Magento-Product-Filter-Installation 1.x.x-3.png


Add Code to Magento Templates

After the license is uploaded you can move to the next step.

Attention green.png Important Information:

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.


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:

/app/design/frontend/base/default/template/catalog/product/list.phtml

For Enterprise Edition:

/app/design/frontend/enterprise/default/template/catalog/product/list.phtml

or if your website is using a custom theme you should make the changes in this file:

/app/design/frontend/default/(CUSTOM THEME NAME)/template/catalog/product/list.phtml
  • Where the "CUSTOM THEME NAME" is the name of your theme.

Find the code:

<ol class="products-list" id="products-list">
 <?php foreach ($_productCollection as $_product): ?>
 <li class="item<?php if( ++$_iterator == sizeof($_productCollection) ): ?> last<?php endif; ?>">

and replace it with this one:

<ol class="products-list !!-list-of-products-!!" id="products-list">
 <?php foreach ($_productCollection as $_product): ?>
 <li class="item<?php if( ++$_iterator == sizeof($_productCollection) ): ?> last<?php endif; !!-?>" id="pr_<?php echo $_product->getId();-!! ?>">

Find the code:

<?php if ($i++%$_columnCount==0): ?>
 <ul class="products-grid">
<?php endif ?>
 <li class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>">

and replace it with this one too:

<?php if ($i++%$_columnCount==0): ?>
 <ul class="products-grid !!-list-of-products-!!">
<?php endif ?>
 <li class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; !!-?>" id="pr_<?php echo $_product->getId();-!! ?>">

For RWD Theme:

/app/design/frontend/rwd/default/template/catalog/product/list.phtml

Find the code:

<ul class="products-grid products-grid--max-<?php echo $_columnCount; ?>-col">
 <?php $i=0; foreach ($_productCollection as $_product): ?>
 <?php /*if ($i++%$_columnCount==0): ?>
 <?php endif*/ ?>
 <li class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>">

and repalce it with this one:

<ul class="products-grid products-grid--max-<?php echo $_columnCount; ?>-col !!-list-of-products-!!">
 <?php $i=0; foreach ($_productCollection as $_product): ?>
 <?php /*if ($i++%$_columnCount==0): ?>
 <?php endif*/ ?>
 <li class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; !!-?>" id="pr_<?php echo $_product->getId();-!! ?>">
Attention green.png Important Information:

In case you have a custom theme and experience any difficulties while changing the code - please contact our support for assistance.


Clear Magento Cache

Don't forget to clear Magento cache. To do this, follow the instructions below:

Information Sign sm.png Step-by-Step action:
  1. Go to the Admin Panel >> System.
  2. Click on "Cache Management".


Clear-cache-wide.png


Information Sign sm.png Step-by-Step action:
  1. Press the “Flush Magento Cache” button.


Flush Magento Cache.png


Attention green.png Important Information:

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 if you decide to run the compilation.


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.


Information Sign sm.png Step-by-Step action:
  1. Click on “Plumrocket”.
  2. If there is "Product Filter" tab in the list, it means that the Magento Product Filter Extension has been successfully installed.


Magento-Product-Filter-Installation-view.png


License Installation

Attention green.png Important Information:
  1. Click on "Plumrocket -> Product Filter"
  2. 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.

Plumrocket product-filter-extension-serial-key-activated.png


Next Step > Configuring and Enabling Product Filter Extension

Product Filter Extension for Magento Product Filter Extension for Magento

Buy Magento Product Filter Extension on Plumrocket Store
Click below to check key features of this extension, view live demo and screenshots:

Navigation