Im interested in this aswell. However I’d like to decide which attribute should be on which tab. As this will be different from Attribute set to attribute set
For me it seems javascript from tabs.phtml is not executed.
i don’t know why?
Another strange thing i don’t understand is why on tabs.phtml there is javascript functions that are already declared in varin/js.js.
Can it be the reason it doesn’t work.
For me it seems javascript from tabs.phtml is not executed.
i don’t know why?
Another strange thing i don’t understand is why on tabs.phtml there is javascript functions that are already declared in varin/js.js.
Can it be the reason it doesn’t work.
l
I only looked at very few files in Modern theme last time, I think it has a tabs.js. Protoype library is causing all sort of problem when other js script is used. I think maybe this is the reason - it should work in Default as it already does in Modern theme, but likely you need to figure where to put the js.
Anyway, this is what I have with my jQuery.
1) Create a ‘jquery’ folder inside the ‘js’, then place these two files (attached) in the jquery folder. You can download the codes from jquery website if you like, but the newer version may stops working.
Side note: there is a thread in the programming forum about creating jquery module, that likely is a better option, but before the author shares the module, you may just stick with mine
2) Call the jQuery and tab scripts from the template, do not place it in the page.xml or head.phtml as it will break the Slider in the gallery view, and if have prototype lightbox implement, likely your lightbox will stop working. In my case, I use 2columns-right, so I have these codes placed in the
<head>...</head>
3. Place these code in the ‘view.phtml’. Look for ‘ <!-- starts jquery tabs-->’ and ‘ <!-- end jquery tabs-->’ comments, and only copy everything inside them. I inlcuded extra codes show that you know where to place the code to in your file.
<script type="text/javascript"> var productAddToCartForm = new VarienForm('product_addtocart_form'); productAddToCartForm.submit = function(){ if (this.validator.validate()) { this.form.submit(); } }.bind(productAddToCartForm); </script> </div> <!-- /product-essential-->
thanks a lot, it’s perfect. I’ll give lightbox a try later.
My next step is a mootools slideshow from a wordpress theme on the home page or as static bloc for categories..
3. Place these code in the ‘view.phtml’. Look for ‘ <!-- starts jquery tabs-->’ and ‘ <!-- end jquery tabs-->’ comments, and only copy everything inside them.