Hi All,
I have a problem with the multiple column scripting within the advanced guide. When implemented everything works well when products are displayed as three products in 3 column. If there are three products in a row everything looks okay, one product in each column. If there are two products in a row as there are not enough products to complete a row everything looks fine.
However, if there are three products in a row and one product is configured as 'hide on website' we have a problem. The two remaining products are out of alignment. Having checked the code in this instance I can see that the two <td> cells that are created have a width of 33% and 33%. Here lies the problem, as there are only two products in the row, I end up with the products left aligned and a white space on each side which throws out the line-up with the row of three products above.
When only two products are contained on the last row this problem does not occur, the HTML shows the <td> cells with widths of 33% for the first cell and 66% for the second. The line-up is fine in this instance.
So, the problem seems to occur only when you have hidden a product on the website. Obviously the third cell is not created as the product is hidden. So I end up with two cells of 33% each.
I cannot seem to be able to resolve this.
Can anyone offer some guidance to save my sanity!
Regards,
Alan
I have a problem with the multiple column scripting within the advanced guide. When implemented everything works well when products are displayed as three products in 3 column. If there are three products in a row everything looks okay, one product in each column. If there are two products in a row as there are not enough products to complete a row everything looks fine.
However, if there are three products in a row and one product is configured as 'hide on website' we have a problem. The two remaining products are out of alignment. Having checked the code in this instance I can see that the two <td> cells that are created have a width of 33% and 33%. Here lies the problem, as there are only two products in the row, I end up with the products left aligned and a white space on each side which throws out the line-up with the row of three products above.
When only two products are contained on the last row this problem does not occur, the HTML shows the <td> cells with widths of 33% for the first cell and 66% for the second. The line-up is fine in this instance.
So, the problem seems to occur only when you have hidden a product on the website. Obviously the third cell is not created as the product is hidden. So I end up with two cells of 33% each.
I cannot seem to be able to resolve this.
Can anyone offer some guidance to save my sanity!
Regards,
Alan
Comment