Upload image on checkout too big

  • Posts: 39
  • Thank you received: 0
11 years 1 month ago #129863

Hello,
I've tested putting a product in the cart and upload images (as my product can be personalized upto 15 photos and with text), it works perfect...

When I proceed to checkout it's great, as the text and photos uploaded by the client are shown before they pay... One small problem the photos showed (of what they've uploaded) are massive. I just want them to see a small thumbnail of what they've uploaded, but musn't change the size of their photo.
How can I do this??
I really do hope I've made myself clear (sorry).
Thank-you

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 1 month ago #129884

Hi,
Using some CSS code like this will probably do the job :

.hikashop_cart_product_image_thumb img {
width: 300px;
}

Please Log in or Create an account to join the conversation.

  • Posts: 39
  • Thank you received: 0
11 years 1 month ago #129906

No it doesn't work...
I even tried this code :

.hikashop_custom_file_upload_link{
display:block;
width: 150px;
height: 150px;
}

not working. It's really on the payment page where customers choose their payment, before confirming their checkout.

Please Log in or Create an account to join the conversation.

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
11 years 1 month ago #129916

Can you give a link ?

Please Log in or Create an account to join the conversation.

  • Posts: 39
  • Thank you received: 0
11 years 1 month ago #129919

Sorry I can't give you a link, I'm working on local...
But here is screen shot of what it gives me :
Clicked on "proceed to checkout", which takes you to the payment page, and gives the client the product he's chosen, his personnal text and photos uploaded. Which is perfect for me, just the photo's too big. !!!I don't want to change the file size!!!

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 39
  • Thank you received: 0
11 years 1 month ago #129936

By the way, it's the same thing for the invoice.


Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 39
  • Thank you received: 0
11 years 1 month ago #129937

By the way, it's the same thing for the invoice.


Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
11 years 4 weeks ago #130017

Hi,

Without the access to your website, we can't really help you.
You problem can be solved with some css properties, you will have to follow that tutorial to find on what apply the css.
www.hikashop.com/support/documentation/1...ize-the-display.html

Please Log in or Create an account to join the conversation.

  • Posts: 39
  • Thank you received: 0
11 years 4 weeks ago #130123

Ok this is the css code works fine :

.hikashop_custom_image_link{
width: 80px;
height: 80px;
}

Still no luck on the invoice part??? Any idea???
Regards

Please Log in or Create an account to join the conversation.

  • Posts: 39
  • Thank you received: 0
11 years 4 weeks ago #130126

Ok just put this ccs code in the administrator part to make my upload images on invoice smaller :

#hikashop_main_content fieldset.adminform img {
width: 80px;
}

Works fine, but makes all images on administrator part 80px. Quite funny, doesn't bother me as the invoice is how I wan't it.
Just for long terms, is their anything I can do about it??? (different code?)



Thank-you
Regards

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
11 years 4 weeks ago #130168

Hi,

You have to find a more specific class for these images. Something related to the product, by this way the css property will not be applied on all the hikashop backend images.

The following user(s) said Thank You: Oslo

Please Log in or Create an account to join the conversation.

Time to create page: 0.109 seconds
Powered by Kunena Forum