Single Product Page Image Size, Columns and Product Information

This topic has 11 replies, 3 voices, and was last updated 10 years, 8 months ago ago by Eva Kemp

  • Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    April 6, 2015 at 00:04

    Hi,

    1. I’m trying to find out how to change the size of the big product image. It’s way too big on normal computer/laptop screen, it’s basically half the screen. How do I change this?
    see: http://beta.mobilplaneten.se/butik/kostnadsforslagundersokning/ (user and pw in private content)
    want it more like this: http://mobilplaneten.se/butik/kostnadsforslagundersokning/

    2. Changing the side bar position in theme options for Single Product Page doesn’t change anything, still looks the same? Tried to change to the one in the middle which I imagine should show the categories list on the left side, but nothing happens.

    3. I want to change the position of Product Information showed on single product page, seeing the product code and category is not important to show first when showing products. Would rather hide or show it in a different place. How do I change the position for this information or hide it?

    Thanks in advance

    Please, contact administrator
    for this information.
    10 Answers
    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    April 6, 2015 at 10:13

    Regarding point 3. I didn’t mean the Product information, the text/information of the product is important, but I don’t want the categories and product code to be the first thing 🙂

    Avatar: Eva
    Eva Kemp
    Participant
    April 6, 2015 at 10:45

    Hello,

    1. Your original image sizes should be 1135px × 1550px approximately. Try to reupload the image.

    2. Please provide us with wp-admin panel credentials.

    3. Please add this code in custom.css file:

    .quick-view-popup .product-info .posted_in, .single-product-page .product-info .posted_in, .single-product-page .product-info .sku_wrapper {
        display: none !important;
    }

    How to create custom.css you can watch in this tutorial.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    April 6, 2015 at 18:56

    Dear Eva,

    thank you very much for your help.

    1. I did this, but the single product page now shows an image with size 600×819, bigger than the old image I had which was 600×600. I want this to be smaller :-/
    2. Provided.
    3. It worked, thank you very much.

    Thanks for your support 🙂

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Participant
    April 6, 2015 at 19:28

    Hello,

    1) As I see size of image is smaller now. See screenshot: http://prntscr.com/6qdxtq

    2) Please navigate to Appearance->Widget->and add widgets to Single Product page sidebar then check your page.

    Regards,
    Robert Hall.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    April 6, 2015 at 22:31

    Dear Robert,

    thank you.

    1. Ok, the screenshot is slightly confusing for me, but I kinda understand 🙂 but I want it to be maximum 400 in width and/or hight, is it possible to change?

    2. Thanks, it worked.

    Best regards,
    Aldrin

    Avatar: Eva
    Eva Kemp
    Participant
    April 7, 2015 at 09:27

    Hello,

    You can try to add this code in custom.css file:

    .main-image-slider {
       width: 400px;
    }

    Regards,
    Eva Kemp.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    April 18, 2015 at 22:20

    Hi Eva,

    it’s not the slider I’m trying to change, it’s the single product image, e.g. http://beta.mobilplaneten.se/butik/kostnadsforslagundersokning/

    if you see that product on normal computer with 13″ or above the product image is huge.

    I want the maximum size to be something more like this: http://mobilplaneten.se/butik/kostnadsforslagundersokning/

    Thanks for all support.

    Avatar: Eva
    Eva Kemp
    Participant
    April 19, 2015 at 20:29

    Hello,

    Unfortunately there is no possibility to change image sizes for a single product page. An image is resized accordingly to image block which max width is 570px (if sidebar is enabled), height is unlimited.
    So if you want to make smaller height you need upload a wider image.

    Sorry for inconveniences.
    Regards,
    Eva Kemp.

    Avatar: Mobilplaneten
    Mobilplaneten
    Participant
    April 21, 2015 at 19:58

    Hi Eva,

    thanks for the information, as for the solution about making a wider image it seems to work well 🙂

    Thank you very much again!

    Regards/Aldrin

    Avatar: Eva
    Eva Kemp
    Participant
    April 21, 2015 at 21:37

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Single Product Page Image Size, Columns and Product Information’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.