Magento 1 Layered Navigation & Product Filter v1.x Installation

Installation

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

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.

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

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

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

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

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

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.

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(); ?>">

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:

Step-by-Step action:

  1. Go to the Admin Panel >> System.
  2. Click on “Cache Management”.

Step-by-Step action:

  1. Press the “Flush Magento Cache” button.

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.

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

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

Was this article helpful?