image zoom and combination problem Prestashop 1.6.1.3

[hegama]

Hi everyone, Hope you can help me.

I have a problem with combinations, when i use combinations in a product, in that page zoom aplication fancybox or jszoom doesn`t work. Also doesnt work "send to a friend" or "shared social buttons".

 

Products without combinations work very well, zoom and buttons.

 

Iam sending this links,

 

- Produc page with combinations: (with the bug)

http://www.eureca.pe...oduct&id_lang=2

 

- Produc page without combinations: (everything ok)

http://www.eureca.pe...oduct&id_lang=2

 

Hope you can help me.

Regards

[erouvier29]

There are some Javascript errors in your product pages in case of combinations which prevent the initialization to complete.

Compare your file /themes/xxx/product.tpl with the original (default-bootstrap theme). It looks like you are missing at least the following lines:

{if isset($group_reduction)}
    {addJsDef groupReduction=$group_reduction|floatval}
{else}
    {addJsDef groupReduction=false}
{/if}
{addJsDef productPriceTaxIncluded=($product->getPriceWithoutReduct(false)|default:'null' - $product->ecotax * (1 + $ecotaxTax_rate / 100))|floatval}
{addJsDef productBasePriceTaxIncl=($product->getPrice(true, null, 6, null, false, false)|floatval)}

 

[hegama]

Hello KerAwen, thanks a lot. You save me.

Indeed there was lines missing, I dont now why, i did never touchd that part.

Well all is working fine now.

 

I think you know a lot, i also have some issue with the tabs in product page. I follow instruccions from this page to create tabs for "more info" "comments" etc.

http://sobreprestashop.blogspot.pe/2014/11/pestanas-en-la-ficha-de-producto-como-las-de-prestashop1.5.html

 

product.tpl is fine, but i think global.ccs is not working well, because over mouse colors in tabs are not working well.

You can check in this page: http://www.eureca.pe/index.php?id_product=52&controller=product&id_lang=2

 

Also this is the new code i put in global.css .

.idTabs {
list-style-type:none;
margin-top:20px;
}
 
ul.idTabs li {
float:left;
margin-right:-1px;
}
 
.idTabs a {
color:#fff;
text-transform:uppercase;
font-family:"Open Sans",sans-serif;
font-weight:600;
font-size:16px;
line-height:60px;
position:relative;
border:0px solid #d6d4d4;
background:#553D3D;
border-right-color: #ffffff;
border-right: 1px solid;
margin:0 0 20px;
padding:14px 20px 17px;
}
 
#more_info_sheets .product_desc .block_description {
float:left;
margin-left:10px;
width:420px;
}
 
#more_info_sheets .product_desc .clear_product_desc {
clear:both;
height:0;
line-height:0;
}
 
.idTabs .selected,#header .sf-menu > li.sfHover > a,#header .sf-menu > li > a:hover,#header .sf-menu > li.sfHoverForce > a {
color:#000000;
background: #553D3D;
border-bottom-color: #000000;
border-bottom: 2px solid;
border-right-color: #ffffff;
border-right: 1px solid;
text-decoration:none;
}
 
#more_info_sheets .rte {
    padding:10px!important;
}
 
#more_info_sheets .bx-wrapper {
  width:100%!important;
  max-width:none!important;
  display:block;
}

Thanks again for everything KerAwen.

[erouvier29]

It depends on what result you expect... For example, adding the following rules (which should take over the existing ones) let you simply get something similar to the top menu:

#more_info_tabs a {
  color: #000;
  background-color: #FFF;
  bottom-border: 0;
}
#more_info_tabs a.selected {
  color: #FFF;
  background-color: #000;
}