Jump to content

Products Category Module problem


Recommended Posts

Hi,

I have a problem with Product category module.

Everything else in the product page work but the Product category block is not displayed correctly as it can be seen from the attached file.

Moreover, I found out that if a product has more than 5 products related, on the left top of that product page, a left arrow appears above the logo of the website. It doesn't work at all, but I have no idea why it appears right there.

 

post-289815-0-62399200-1317667687_thumb.png post-289815-0-41833800-1317667694_thumb.png

 

Suggestions?

Link to comment
Share on other sites

I found out the difference between the demo version of the theme and my page in the source code of the two pages.

Here's what it should be in the products category section:

 

<ul class="idTabs">
<li><a href="#idTab3">In the same category</a></li>
</ul>
<div id="productscategory_noscroll">
<div id="productscategory_list">
<ul >
<li style="width: 47%">
  <a href="http://themes.dapurpixel.com/rumahbatik/product.php?id_product=1" title="iPod Nano">
<img src="/rumahbatik/img/p/1-37-medium.jpg" alt="iPod Nano" />
  </a><br/>
  <a href="http://themes.dapurpixel.com/rumahbatik/product.php?id_product=1" title="iPod Nano">
  iPod Nano
  </a>
 </li>  
  </ul>
</div>
</div>
<script type="text/javascript" src="http://themes.dapurpixel.com/rumahbatik/js/jquery/jquery.jgrowl-1.2.1.min.js"></script>
<link href="http://themes.dapurpixel.com/rumahbatik/css/jquery.jgrowl.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
  $.jGrowl('This product was added to cart last 2011-05-23 09:58:12', { life: 3500 });});
</script>

 

and here's what I've got:

 

<ul class="idTabs">
 <li><a class="selected">11 other products in the same category:</a></li>
</ul>
<div id="productscategory">
<a id="productscategory_scroll_left" title="Previous" href="javascript:{}">Previous</a> <div id="productscategory_list">
 <ul style="width: 1177px">  
  <li >
<a href="http://www.kokoropaintings.com/it/stampe-mdf/32-texas-hold-em.html" title="Texas Hold'em"><img src="http://www.kokoropaintings.com/32-76-medium/texas-hold-em.jpg" alt="Texas Hold'em" /></a><br/>
<a href="http://www.kokoropaintings.com/it/stampe-mdf/32-texas-hold-em.html" title="Texas Hold'em">
Texas Hold'em
</a><br />
	 <br />
   </li>
 </ul>
</div>
<a id="productscategory_scroll_right" title="Next" href="javascript:{}">Next</a> </div>
<script type="text/javascript">
 $('#productscategory_list').trigger('goto', [6-3]);
</script>

 

(I cut out some related products)

 

Why do I have this difference?

Link to comment
Share on other sites

  • 11 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...