Jump to content

layout on basket pages


Quiztoon

Recommended Posts

I am having a layout issue once a product is added to the basket.

The products has up to 4 product options available to it, if all the options are selected you cannot read them once in the basket (see image below)

option-order.jpg

I am thinking it may be a css issue but I am no expert and dont know where to look.

Grateful fo any help i can get

CC Version 5.0.6

Using basic Kurouto skin in blue

Many Thanks

Link to comment
Share on other sites

I am having a layout issue once a product is added to the basket.

The products has up to 4 product options available to it, if all the options are selected you cannot read them once in the basket (see image below)

option-order.jpg

I am thinking it may be a css issue but I am no expert and dont know where to look.

Grateful fo any help i can get

CC Version 5.0.6

Using basic Kurouto skin in blue

Many Thanks

I added some

<br/>

breaks to keep this from happening.

Try adding breaks to yourskin/templates/content.orders.php. I'm pretty sure that's where I was able to improve the spacing.

Link to comment
Share on other sites

Hi Thanks for your help

Tried your suggestion and it did help to layout the individual product, however, when buying a second product it just displayed over the top of the first one. Still working on it though

Find this section:

{foreach from=$ORDERS item=order}

	  <tr>

		<td nowrap="nowrap"><a href="{$STORE_URL}/index.php?_a=vieworder&amp;cart_order_id={$order.cart_order_id}" title="{$LANG.common.view_details}">{$order.cart_order_id}</a></td>

		<td nowrap="nowrap">{$order.time}</td>

		<td align="right">{$order.total}</td>

		<td align="center" nowrap="nowrap">{$order.status.text}</td>

		<td align="right">

		  {if $order.make_payment}<a href="{$STORE_URL}/index.php?_a=gateway&amp;cart_order_id={$order.cart_order_id}&amp;retrieve=1">{$LANG.basket.complete_payment}</a><br />{/if}

		  {if $order.cancel}<a href="{$STORE_URL}/index.php?_a=vieworder&amp;cancel={$order.cart_order_id}" class="delete" title="">{$LANG.basket.cancel_order}</a><br />{/if}

		  <a href="{$STORE_URL}/index.php?_a=vieworder&amp;cart_order_id={$order.cart_order_id}" title="{$LANG.common.view_details}">{$LANG.common.view_details}</a>

		

<br/><br/>

</td>

	  </tr>

	{/foreach}

Those breaks should put space between each additional item.

Link to comment
Share on other sites

Hi Thanks for your help

Tried your suggestion and it did help to layout the individual product, however, when buying a second product it just displayed over the top of the first one. Still working on it though

Find this section:

{foreach from=$ORDERS item=order}

	  <tr>

		<td nowrap="nowrap"><a href="{$STORE_URL}/index.php?_a=vieworder&amp;cart_order_id={$order.cart_order_id}" title="{$LANG.common.view_details}">{$order.cart_order_id}</a></td>

		<td nowrap="nowrap">{$order.time}</td>

		<td align="right">{$order.total}</td>

		<td align="center" nowrap="nowrap">{$order.status.text}</td>

		<td align="right">

		  {if $order.make_payment}<a href="{$STORE_URL}/index.php?_a=gateway&amp;cart_order_id={$order.cart_order_id}&amp;retrieve=1">{$LANG.basket.complete_payment}</a><br />{/if}

		  {if $order.cancel}<a href="{$STORE_URL}/index.php?_a=vieworder&amp;cancel={$order.cart_order_id}" class="delete" title="">{$LANG.basket.cancel_order}</a><br />{/if}

		  <a href="{$STORE_URL}/index.php?_a=vieworder&amp;cart_order_id={$order.cart_order_id}" title="{$LANG.common.view_details}">{$LANG.common.view_details}</a>

		

<br/><br/>

</td>

	  </tr>

	{/foreach}

Those breaks should put space between each additional item.

Yes they do - nice one - thanks

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...