Userguide documentation of magento ajax bookmark product extension

All thing about this magento extensions


Hello! First of all I would like to thank you for purchasing our extension!
This documentation will teach you how to set up and use the "MP_AjaxBookmark" Magento Extension. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form following into MagPassion site.
If you like this theme please don't forget to rate it on the MagentoConnect.
Best regards MagPassion.

With this module, your site visitors can mark products they like without login, just one click to mark and unmark product, no redirecting, no page loading and ajax light box to view marked products.

So flexible at configuration that you can set top link style, block style and load jquery option.

Backend

-                Set top link style, block style and load jquery option.

Frontend

-                Update phtml template to display on category page, product detail page, up-sell, related or cross-sell box.

Bookmark products list page with jquery light box, clear all button and close button.

Install from Magento Connect Manager

Step 1: Go to Magento Connect Manager from admin panel:

Step 2: Login to MagentoConnect Manage

 

Step 3: Select direct package file upload

Choose file MagPassion_Ajaxbookmark-x.x.x.tgz from your local computer (replace x.x.x by your module version)

 

Step 4: Click button Install / Upload to download / upload and install that module

Step 5: View current processing

Install via FTP upload

Unzip the theme package MagPassion_Ajaxbookmark-x.x.x.tgz by your usual software(such as winrar, winzip v..v) (You could not care about package.xml because it only unsing for above method)

There are three directories with name is app, js and skin. These directories wered structured form by Magento Directories Structrure.

You only do upload it via ftp client to your root website magento directory which have same structured.

After upload successful, the actions installation done here. Sometime, you must be Clear Cache to run this module successful.
 

 

Admin configuration

Choose menu Ajaxbookmarks / Settings custom configuration.

Top link option

 

 

 

Bookmark products list option

 

 

  • Block title: set title of block, set null to hide.
  • Option to set block width, block height, product width, product height.
  • Option to set show product image, name, review, price, add to cart button and add to link. 

 

Jquery option: Option load jquery yes or no

 

Frontend Configuration

Insert code below to phtml template file to display bookmark link

<div id="PRODUCT ID" class="mp_sticky not_sticky" onclick="book_mark_item(this,'PRODUCT ID')"></div>

Change “PRODUCT ID” with current product id in this phtml template file.

Ex:

<?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; ?>">
        <!-- Product image -->
        <div id="<?=$_product->getId()?>" class="mp_sticky not_sticky" onclick="book_mark_item(this,'<?=$_product->getId()?>')"></div>
        <h2 class="product-name"> <!-- Product name --> </h2>
        <!-- Product rating summary -->
        <!-- More content... -->
    </li>
<?php if ($i%$_columnCount==0 || $i==$_collectionSize): ?>
</ul>
<?php endif ?>
<div class="product-shop">
    <div class="product-name">
        <div id="<?=$_product->getId()?>" class="mp_sticky not_sticky" onclick="book_mark_item(this,'<?=$_product->getId()?>')"></div>
        <h1><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></h1>
    </div>
<!-- More content... -->
</div>
<?php if($_link=$this->getIterableItem()): ?>
<td>
    <!-- Product image -->
    <div id="<?=$_link->getId()?>" class="mp_sticky not_sticky" onclick="book_mark_item(this,'<?=$_link->getId()?>')"></div>
    <h3 class="product-name"><!-- Product name --></h3>
    <!-- More content... -->
</td>
<?php else: ?>
<td class="empty">&nbsp;</td>
<?php endif; ?>

Top link yellow star:

 

Category page:

 

 

Product detail page:

 

Bookmark products list page with jquery lightbox:

  Special thanks to: