Buttons are driving me crazy

[marmi69]

Hi,

 

I'm hoping someone can point me in the right direction to fix some problems that have been driving me crazy this past few weeks related to buttons in osC.

 

The client site I'm working on has a template from TemplateMonster that was built for osC 2.3.1. We've upgraded to osC 2.3.3 on for the site and upgraded JQuery to the latest version as well.

 

The issue I'm having is visible in the links below.

1. On the product info page the buttons for "Add to cart" (I've added a second one below the price) and "Reviews" aren't pulling in the correct styling as per the template

-- Template -> http://livedemo00.template-help.com/osc_34139/product_info.php?products_id=48

-- Client -> http://www.borge.com.au/photoflex-shoot-through-umbrella-218-cm86-p-18320.html

 

2. If you add these products to your cart and then visit the "Shopping Cart Page you'll see the buttons here are also not styled as per the template. However, the "Remove button here is styled as per the template.

-- Template -> http://livedemo00.template-help.com/osc_34139/shopping_cart.php

-- Client -> http://www.borge.com.au/shopping_cart.php

 

3. If you don't add anything to the cart and simply view the empty cart the "Continue" button isn't styled like the template

-- Same links as above

 

I've been through and checked as much of the code as I can think of and obviously I've missed something.

 

One thing I found when trying to trouble shoot is any button that calls "tep_href_link" isn't styling. From the Shopping Cart page I took:

 

<?php echo tep_draw_button(IMAGE_BUTTON_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'), 'primary'); ?>

 

 

removed tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'),

 

and it styled correctly but obviously the linking didn't work.

 

What I'm trying to do is get all the buttons on the site to style like they do on the template (and like the "Remove" button on the client site"). When viewing the client site on iPad, Safari, FireFox and Chrome all on Mac the buttons all look completely different ... the template looks great in all these browsers.

 

Hopefully I can be pointed in the right direction to fix these issues!

 

Thanks for reading and any feedback is greatly appreciated.

 

Regards,

 

Michael

[♥joli1811]

Try adding the jquery-migrate tool to template_top.php (jquery-migrate-1.2.1.min.js) Ii looks like a jquery conflict to me as the image pop up has also stopped working.

 

and/or maybe roll back the jquery version (ext/jquery/ui/jquery-ui-1.10.3.min.js) as there is a known conflict with the fancybox.

 

May help isolate the problem.

 

regards

Joli

[marmi69]

Hi @@joli1811,

 

Thanks for the reply and ideas for where to look.

 

I wasn't aware of the migrate file being required so I've added that in (and read the documentation :thumbsup: ) and also rolled back the JQuery version (which I had done previously but seeing as nothing seems to have changed I'm leaving it.

 

I've downloaded osC 2.3.3 and loaded that on my test server. Taken the current version of JQuery that's included (figuring osC base install will have the best working version), uploaded and changed template_top.php to reflect this ...

 

ext/jquery/ui/redmond/jquery-ui-1.8.22.css

ext/jquery/jquery-1.8.0.min.js

ext/jquery/ui/jquery-ui-1.8.22.min.js

ext/jquery/jquery-migrate-1.2.1.min.js

 

I can see that these changes have taken effect (icon on the "Remove" button in the shopping cart has changed) but I still have the same issues as outlined above.

 

Also as you state, the images pop-up isn't work and neither is jquery.equalheights.js that's supposed to make the info boxes on the front page all the same height. I had these two problems listed to follow up after I had the buttons sorted out.

 

Thanks for the help so far, I think i'm going back to the drawing board, after a few beers perhaps things will become clearer.

 

Regards,

 

Michael