Jump to content

Change the Image Size in Checkout


queenniara

Recommended Posts

I am currently using the Kurouto skin and I am trying to customize the Checkout basket.

 

Currently the images are being displayed as 60x50px.  I would like to resize the images to 100x150px.

 

I tried to edit the config.xml and by changing the size and cleared the image cache but that did not change the image size on the page.  I was also confused becasue I want to change the size in the checkout page only NOT the product image gallery.

 

Altering the size in the stylesheet did not help.  As a matter of fact, it just threw off the layout and the second image on the line shifted to the right.

 

.basket_product .image {
float: left;
height: 60px;
margin-right: 5px;
width: 50px;
}.
 
Can anyone let me know how to change the size?
Thanks in advance for any help you can give me.
 

 

Link to comment
Share on other sites

You should also try adjusting:

.basket_product { min-height: 148px;

 

Then:

.basket_product .image { width: 138px; height: 148px;

 

Left to do is that the image name being used is the .50 variant. The size closest to your needs is .138 variant.

 

In the template, content.checkout.php, change:

<img src="{$item.image'}" alt="{$item.name}" />

to:

<img src="{$item.image|replace:'.50.':'.138.'}" alt="{$item.name}" />

 

We are not changing the controller code as these changes are a display logic decision. (Which means, the links for all image size variants based on the skin config should be made available to the skin -- but it's not.)

Link to comment
Share on other sites

  • 2 weeks later...
  • 4 weeks later...

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...