Product Photo Layout

  • Resolved sleeneys

    (@sleeneys)


    9 years, 7 months ago

    Hi! I am using the free version of Virtue and am wondering if/how I can change the layout of my product images (on the product page). Some of the photos line up too close and I’d like to separate them, make more of a grid. For example, if you look at the 4 photos on the bottom/under the main photo (https://www.sleeneys.com/product/navy-and-emerald-necklace/), the spacing is not great. I’d like to change the layout to be more uniformed, perhaps 2 photos/line.
    How can I change this, please?
    Thank you so much for any advice that you may have!
    My site is https://www.sleeneys.com.
    Salina

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey there Salina,

    How are you doing today?

    This is because your images are using different sizes and orientation, you should be able to change minimum width of their holders and add some padding around them.

    To do that please try adding the following code to Appearance -> Theme Options -> Advanced Settings -> Custom CSS:

    .single-product a img.attachment-shop_thumbnail {
    min-width: 45%;
    padding: 10px;
}

    If the code doesn’t work please keep it added and let me know so I can take a look ??

    Cheers,
    Bojan

    Thread Starter sleeneys

    (@sleeneys)

    That looks better, thank you so much!
    I’d still like something a little more uniformed (I used to have the Mystile theme and I liked the way that was set up, products and all, but that could have been something particular set up.) I would like all of my photos to be the same, no matter which orientation they are. Perhaps that is a crop setting that I can change…???

    Hey again,

    You can try replacing the code above with this one to see if that fits you better ??

    .single-product a img.attachment-shop_thumbnail {
    padding: 10px;
    object-fit: cover;
    width: 200px;
    height: 200px;
}

    This will force images to be the same size and crop them to fit.

    Hope this helps ??

    Cheers,
    Bojan

    Thread Starter sleeneys

    (@sleeneys)

    Hi Bojan! Thank you SO much!! That worked perfectly!
    Thanks again and I hope you have a beautiful day! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Product Photo Layout’ is closed to new replies.

Tags