Boundless Shopify theme - Image size ... plz HELP

9 replies
  • ECOMMERCE
  • |
I appreciate everything about the Boundless theme, except for when you actually click on a product, and you get to the product page. For me, the image is way too large, therefore making the image very blury and unpleasing.

I tried to find an option in the theme customization to make it smaller, but there are only two options: Tall/Square, Wide.
#boundless #image #plz #shopify #size #theme
Avatar of Unregistered
  • Profile picture of the author whitehat
    Looks like you need to learn html and css.
    Signature
    {{ DiscussionBoard.errors[11342234].message }}
    • Profile picture of the author yassine amzil
      i just need to modify the product page , learning CSS will take probably ages
      {{ DiscussionBoard.errors[11342453].message }}
  • Profile picture of the author labpete
    You v'e got an answer about this from a developer of the Boundless theme at Shopify forums.
    No good?
    {{ DiscussionBoard.errors[11342847].message }}
  • Profile picture of the author whitehat
    CSS is easy, just learn the code you need to know to do what you want to do. You do not need to understand it, just copy and paste it into your html.
    Signature
    {{ DiscussionBoard.errors[11345030].message }}
  • Profile picture of the author dave_hermansen
    If your image is blurry, you uploaded too small of an image. You need to upload better, bigger images.

    Other than that, as others have said, you need to learn CSS and then edit the code. I am unfamiliar with that theme but in the one we use for our stores, the line that would need to be edited in the CSS file is:

    .product__slideshow-image {
    max-width: 100%;
    margin: 0 auto;
    }

    You could try changing the max-width to something smaller, like 70%
    Signature
    StoreCoach.com- Learn How to Dropship the Right Way - Buy & Sell Websites - Partner with Coach
    My PROVEN ecommerce process, as seen on: Fox News, the NY Times & Flippa
    {{ DiscussionBoard.errors[11345504].message }}
  • Profile picture of the author whitehat
    Look for other ways to add images using the Bounless Shopify theme. Keep doing it until you get the results you're looking for.

    Embrace the suck.

    "Every little thing's gonna be alright."

    Clear your mind of can't.
    Signature
    {{ DiscussionBoard.errors[11349780].message }}
  • Profile picture of the author dave_hermansen
    Another thing I should probably add is that you should try to only upload square images, even if that means you have to edit them by placing the original image on a transparent square canvas layer. If you don't do that, your images will not line up correctly on the collection pages and you will sometimes get some very long images on the product pages if the length is appreciably greater than the width.
    Signature
    StoreCoach.com- Learn How to Dropship the Right Way - Buy & Sell Websites - Partner with Coach
    My PROVEN ecommerce process, as seen on: Fox News, the NY Times & Flippa
    {{ DiscussionBoard.errors[11349808].message }}
  • Profile picture of the author yassine amzil
    Thank you guys , i appreciate a lot, i fixed that by only uploading some high quality photo and resizing them to fit the dimensions already fixed in the code, i am quit happy with the results.
    {{ DiscussionBoard.errors[11349814].message }}
  • Profile picture of the author whitehat
    Sounds like maybe you think that you can do it somehow, without resizing them, but you still don't know how, right?
    Signature
    {{ DiscussionBoard.errors[11358823].message }}
Avatar of Unregistered

Trending Topics