Forums

aaronheine

http://goodwynbuilding.com/homes-for-sale/montgomery/513-park-lake/

Look at the thumbnails bottom right. The homes in the scroll bar are no longer working links.

The photo just above is working because I removed class="attachment-gold-thumbnails"

Why is this class preventing the link from working? I dont see that class anywhere in the CSS. I am using the WP-eCommerce Plugin.

Thanks

TheDoc

It's not the class, it's simply being inside of the scrolling area (if you take all of the thumbs out of there and place them into the content area the links work fine).

There is a JS error, but it's probably unrelated.

If I replace what you currently have with this, it works:

<div class="wpcart_gallery">

<a class="thickbox" rel="product_1159" href="http://goodwynbuilding.com/wp-content/uploads/2011/07/CambridgeFurniture.jpg&quot; title="CambridgeFurniture">
	<img width="96" height="72" src="http://goodwynbuilding.com/wp-content/uploads/2011/07/CambridgeFurniture-96x72.jpg&quot; class="attachment-gold-thumbnails" alt="CambridgeFurniture" title="CambridgeFurniture">
</a>

<a class="thickbox" rel="product_1159" href="http://goodwynbuilding.com/wp-content/uploads/2011/07/CambridgeFloor.jpg&quot; title="CambridgeFloor">
	<img width="96" height="71" src="http://goodwynbuilding.com/wp-content/uploads/2011/07/CambridgeFloor-96x71.jpg&quot; class="attachment-gold-thumbnails" alt="CambridgeFloor" title="CambridgeFloor">
</a>

<a class="thickbox" rel="product_1159" href="http://goodwynbuilding.com/wp-content/uploads/2011/07/Cambridge1.jpg&quot; title="Cambridge">
	<img width="96" height="58" src="http://goodwynbuilding.com/wp-content/uploads/2011/07/Cambridge1-96x58.jpg&quot; class="attachment-gold-thumbnails" alt="Cambridge" title="Cambridge">
</a>

</div>

TheDoc

Only thing I did was get rid of the rev=""

aaronheine

Take a look again please. I have two identical homes there. The working one on top is missing only the class.

TheDoc

Why is the class there? As far as I can see there is no CSS being applied to it.

Also, if I remove it via Firebug, the links still do not work. Something is happening to that class on page load.

TheDoc

Finally found what's using it: http://goodwynbuilding.com/wp-content/plugins/wp-e-commerce/wpsc-core/js/wp-e-commerce.js?ver=3.8.6.419073

jQuery(document).ready(function(){
	jQuery('.attachment-gold-thumbnails').click(function(){
		jQuery(this).parents('.imagecol:first').find('.product_image').attr('src', jQuery(this).parent().attr('rev'));
		jQuery(this).parents('.imagecol:first').find('.product_image').parent('a:first').attr('href', jQuery(this).parent().attr('href'));
		return false;
	});
});

Try simply removing that to see what happens.

aaronheine

Thanks, that got it!

treehouse : what would you like to learn today?

Forums

[Solved] Class is preventing link from working