Hi sir,

I followed below link to setup the Dynamic Spry Tabs, when setup the Related, the layout format is not the same as shown on the page:

https://www.ecommercetemplates.com/help/dynamic-tabs.asp#spry3
(picture on the left, others on the right, and description is on the right bottom)

Mine is picture on the top, and then name, price and bottom description.

So, how to set the related table contents layout?
Thanks.

Best regards,
John

Hi John

This is what we use in the css file

div.reltabimage{float:left;width:60px;margin-top:8px;}
div.reltabimage img{width:50px;height:auto;padding:6px;}
div.reltab{width:100%;float:left;}
.reltabname{float:left;width:90%;font-size:14px;padding:10px;border-bottom:1px solid #ccc;}
.reltabdescription{font-size:13px;}

for a result like this

https://www.ecommercetemplates.com/Premium-Responsive-Design-Natura

Andy

Please feel free to review / rate our software

Hi Andy,

Thank you for your reply, but I still cannot manage to set it up:

two related products descriptions are mixed together,
product name is at the bottom of the product description instead of at the top,


Can you send me the code for below temple?
[img]https://www.ecommercetemplates.com/ectimages/screens/spry3.gif[/img]

I would like it shows as below:

The prod image on the left,
prod id, prod name, description on the right,
There is a segmentation line between each products.

Thanks.

John Lee

Hi John, could you give us a link to the page with the related items so we can take a look.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Hi Sinbad,

Please refer to below link:

http://www.lyintlcorp.com/proddetail.php?prod=M-808

Thanks.

John Lee

Hi can you post what you have in the vsadmin/includes.php for the related and what you have setup on that product for the tabs.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Hi Sinbad,

Please refer to below which in includes.php:

$crosssellaction='related';
$relatedproductsbothways=TRUE;
$csrelatedtitle="You may be also interested with below products:";
$crosssellcolumns=3;
$crosssellrows=2;

$enablecustomerratings=TRUE;

$defaultdescriptiontab='<ecttab title="Description">';
$ecttabsspecials='<ecttab title="Reviews" special="reviews"><ecttab title="Related" special="related">';
$relatedtabtemplate='<div class="reltabimage">%img%</div>Product ID: %id%<br><div class="reltabname">%name%<br></div><div class="reltabdescription">%description%</div>';

And, I also added below codes in the SpryTabbedPanels.css

div.reltab{width:100%;float:left;}
div.reltabimage{float:left;width:125px;margin-top:8px;}
div.reltabimage img{width:94px;height:auto;padding:6px;}
.reltabname{float:left;width:96%;font-size:10px;padding:10px;border-bottom:1px solid #ccc;}
.reltabdescription{font-size:10px;}

Thanks.

It looks like your related items aren't in the tabbed panel at all so on proddetail.php can you remove the inccrosssell line as you wouldn't want that if you want the related products to appear in with the tabs.

Andy

Please feel free to review / rate our software