Related Products problem

[ModestZou]

Hi,
Long title, can not be deleted related products.
See attached.

Thanks,

Modest

Joomla! Version 1.7.4
virtuemart 2.0.0

[attachment cleanup by admin]

[flo31]

This is a css bug, because the surrounding box height is fixed, and the img also.
So when the title is too long, the div containing the close image disapears behind.

You can try as a first fix:

In administrator/components/com_virtuemart/assets/css/admin.style.css

in .vm_thumb_image {

remove line 145 :     

Code Select Expand

height:120px;

[ModestZou]

Thanks flo31.

How do limit the product name length.

See attached.

Modest

Joomla! Version 1.7.4
virtuemart 2.0.0

[attachment cleanup by admin]

[karuppiah]

Hello guys,
Open file joomla_root/components/com_virtuemart/themes/default/templates/common/relatedProducts.tpl.php in any text editor.


Simply add a class and the necessary divs to the table cell, you will have to adjust your css to suit -


     <td valign="top">
        <div class="related">
           <div class="module" style="width:210px;height:160px;">
              <div style="width:210px;height:160px;"><div><div></br>
           <?php echo $ps_product->product_snapshot( $products->f('product_sku') ) ?>
          </div></div></div>
            </div>
         </div>
</div>
     </td>


For More information,http://www.gjcwebdesign.com/virtuemart-related-products-customise.html

[ModestZou]

Hi karuppiah,

virtuemart 2.0.0 did not find this file.

See attached.

Thanks,

Modest

[attachment cleanup by admin]

[karuppiah]

sorry the above code will be applicable for 1.15-1.18 vesions..not for 2.0 versions.

[PRO]

Only way to do it on the front end is overflow:hidden

http://www.w3schools.com/cssref/pr_pos_overflow.asp

#relatedproduct A:link{}

[ModestZou]

Hi BanquetTables.pro,

I've tried, but I did not succeed.

[ModestZou]

Can someone please help me?

[PRO]

set a specific width of the div product-field-type-R

[ModestZou]

Banquet Tables Pro,

Thank you for your help!

localhost/templates/youtheme/css/vm.css

Code Select Expand

.product-field-display a img {
display: block;
}
Changed

Code Select Expand

.product-field-display a img {
float:center;
}


localhost/templates/youtheme/css/vm.css

Code Select Expand

.product-related-products > div {
display:inline-block;
margin: 12px 0;
padding: 0 24px;
border-right: 1px solid #eee;
font-size: 11px;
font-weight: bold;
text-transform: uppercase
}
Changed

Code Select Expand

.product-related-products > div {
display:inline-block;
margin: 12px 0;
width: 110px;
padding: 0 24px;
border-right: 1px solid #eee;
font-size: 11px;
font-weight: bold;
text-align: center;
text-transform: uppercase
}

[attachment cleanup by admin]