- Posts: 27
- Thank you received: 0
Product characteristic conflict with tabs?
In my product detail page, I have tabs at the bottom of the page.
However when user selects one of the product characteristic, the jquery for the tabs stopped working.
May I know if there is anything I can do?
Thanks!
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Actually I'm having issue with this part of code for the characteristic :-
Hope you can advise how I should modify the code. Thanks!
function hikashopUpdateVariantData(selection){
if(selection){
var names = [\'id\',\'name\',\'code\',\'image\',\'price\',\'quantity\',\'description\',\'weight\',\'url\',\'width\',\'length\',\'height\',\'contact\',\'custom_info\',\'files\'];
var len = names.length;
for (var i = 0; i < len; i++){
var el = document.getElementById(\'hikashop_product_\'+names+\'_main\');
var el2 = document.getElementById(\'hikashop_product_\'+names+selection);
if(el && el2) el.innerHTML=el2.innerHTML; // this part makes the page css runs from its style and jquery not working. If I disable this line, then it will be fine but the characteristic options will no longer work.
}
if(typeof this.window[\'hikashopRefreshOptionPrice\'] == \'function\') hikashopRefreshOptionPrice();
}
return true;
}
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Thanks for your reply. I did, but the CSS still ran out when selecting one of the characteristic item.
Do you have an email that I can send you the login to the site to check? Thanks alot!
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Make sure that you do it for the template you're using on your front end.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Thank you very much! I have dropped you an email with the login name and password. Thanks!
Please Log in or Create an account to join the conversation.
Edit the file "show" of the view "product" and change the line:
<div id="hikashop_product_custom_info_<?php echo $variant_name;?>" style="display:none;">
to:
<div id="hikashop_product_info_<?php echo $variant_name;?>" style="display:none;">
and that should fix the problem.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
Actually there are other CSS that ran out but I used "display:none" for those. However I can't use it for the plus minus quantity part.
Many thanks again for your help. Really appreciate it.
Please Log in or Create an account to join the conversation.
.hikashop_product_quantity_field_change_plus {display:block;}
Please Log in or Create an account to join the conversation.
Thanks a lot for your great help.
Please Log in or Create an account to join the conversation.