Product compare feature

Please rework the product compare system!

Check demo store:

-the addtocompare buttons (hover Image) won’t work
-I only get products surely to compare list in product details view
-the deleting through buttons or clear all won’t work as expected and redirect to start page
-if there are products in the list, and clicking ALL COLLECTIONS( Megamenu), the right sidebar shows no products to compare
-adding products in category or search views redirect to start page
-there must be something wrong with category views and layered navigation views in right sidebar

Looking forward to suggestions

9 answers

Profile photo of Sven Lessmann -30.00 $tone September 28, 2014
Public

Thank you. But how can I fix this in my install?
It’s in development on my own server, you can’t access it.
There I can’t even get products to a compare list in product details view,
if the product has been on a compare list, they only show in block "Last compaired products",
they don’t get listed on an active compare list, for example.
I need the source code changes.

#2
Profile photo of Seoki Lee 1510.00 $tone September 29, 2014
Public

I’ve rechecked on our dev site and on my local site but I can’t see problem which you gave us (http://prntscr.com/4rdu12). So I can’t check and detect it. You can install your site to a dev server and PM me your dev’s url, admin and ftp credentials. I’ll help you check it.

#3
Profile photo of Sven Lessmann -30.00 $tone September 30, 2014
Public

Thank you for checking this!
As I see the compare feature running in firefox, I cleared IE11 browser cache and magento cache.
And now it’s running as expected. Something during testing must have messed up the browser cache.
Maybe it’s a core magento problem with IE11.

But I found another mistake as I cklicked the compare button in IE and firefox:
The css-buttons on compare page won’t work correct if i change default theme color.
Could you plaese check this, because JM Summer can’t be reached at jommlArt.com or ubertheme.com atm.

#4
Profile photo of Sven Lessmann -30.00 $tone October 6, 2014
Public

The demo isn’t up yet.
But maybe your popup browser window was width enough while testing the buttons.
Could you please retest, while changing the popup window width.(Put only one product on compare list!)
If I make the window wider the button hovering is correct, if I make it smaller the choosen color option
fall back to default color when hovering.

Maybe I’m missing some CSS changes in default or normal-layout.css (responsive theme) when changing
default color in jmbasetheme backend.

#6
Profile photo of Seoki Lee 1510.00 $tone October 8, 2014
Public

Thank you for your detail, I just downloaded and re-check with the JM Summer’s quickstart package. However, the compare function still works properly.

There is unexpected error in server of demo builder and demo builder team are working hard to bring it back.

If possible, put your site online and send me the URL, I will take a look and help you out.

#7
Profile photo of Seoki Lee 1510.00 $tone October 13, 2014
Public

Thanks for your detail, now I can see that bug. We’ve just fixed on JM Summer. We will export it soon.

To get the fix, you can edit files:
1. skin\frontend\default\jm_summer\wavethemes\jmbaset heme\profiles\yellow\yellow.css.php
2. skin\frontend\default\jm_summer\wavethemes\jmbaset heme\profiles\green\green.css.php
3. skin\frontend\default\jm_summer\wavethemes\jmbaset heme\profiles\pink\pink.css.php
4. skin\frontend\default\jm_summer\wavethemes\jmbaset heme\profilesredred.css.php

Find and repace this rule:

Code:

  min-width:720px) and (max-width: 985px) {
	#jm-mycart {
		background-color: #fff
		border: 0px none;
	}
	#jm-search,
	.form-search,
	.form-search button {
		background-color: #fff
	}
	#jm-mainnav .btn-toggle {
		background-color: <?php echo $baseconfig["color"]; ?> !important;
		border-right-color: #f7f7f7 !important;
	}
}
  max-width:719px) {
	#jm-mycart {
		background-color: #fff
		border: 0px none;
	}
	#jm-search,
	.form-search,
	.form-search button {
		background-color: #fff
	}
	#jm-mainnav .btn-toggle {
		background-color: <?php echo $baseconfig["color"]; ?> !important;
		border-right-color: #f7f7f7 !important;
	}
}

Add this rule:

Code:

  min-width:986px) and (max-width: 1235px) {
	.button:hover, 
	.button:focus {
		background: <?php echo $baseconfig["color"]; ?>
	}
}
  min-width:720px) and (max-width: 985px) {
	.button:hover, 
	.button:focus {
		background: <?php echo $baseconfig["color"]; ?>
	}
	#jm-mycart {
		background-color: #fff
		border: 0px none;
	}
	#jm-search,
	.form-search,
	.form-search button {
		background-color: #fff
	}
	#jm-mainnav .btn-toggle {
		background-color: <?php echo $baseconfig["color"]; ?> !important;
		border-right-color: #f7f7f7 !important;
	}
}
  max-width:719px) {
	.button:hover, 
	.button:focus {
		background: <?php echo $baseconfig["color"]; ?>
	}
	#jm-mycart {
		background-color: #fff
		border: 0px none;
	}
	#jm-search,
	.form-search,
	.form-search button {
		background-color: #fff
	}
	#jm-mainnav .btn-toggle {
		background-color: <?php echo $baseconfig["color"]; ?> !important;
		border-right-color: #f7f7f7 !important;
	}
}
#9

Please login or Register to Submit Answer

Written By

Comments