New Landing › How can we help? › Atelier › Images qusstion (look book, front page)

Viewing 13 posts - 1 through 13 (of 13 total)
  • Back to forum
    Posted in: Atelier
  • August 4, 2015 at 5:12 am #200403
    dm13
    Member
    Post count: 248

    hi guys. i found this cool look book on a site and want mine to be similar, they have three images across, i’d be happy with 3 across or even 2 across.. this is viewed on mobile btw. Mine currently shows single images stacked on top of each other. Sizing the images smaller wont help. i want the row to show more across rather than stacking them.

    this also relates to the front page. i want to add a swift element of images of my choosing that i can directly link to the product page, or to a blog entry etc.. (havent decided where yet) but basically want to do the same – have the images show up in a row of 2 and a grid of 4 or 6 .. and cant find a Swift element to do this with – is there one? is there a way to make one do it? Thanks.

    Attachments:
    You must be logged in to view attached files.
    August 4, 2015 at 9:29 am #200514
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    You’ll have to see if you can contact them to see what they’re are using, that’s nothing from the theme so it must be a plugin

    – Kyle

    August 6, 2015 at 3:55 am #201190
    dm13
    Member
    Post count: 248

    hi Kyle, David, Rui .. so basically there is no way to have 2 or more images show up in one row on mobile? no grid element i dont know about or ?? hmm.. that kinda bites. Don’t always want every image or row to be a single image on the screen — means more scrolling for anyone on our site which could mean less sales and more click aways.. maybe this is something to think about as an idea for an update.

    or… what if i used a text element and added the images to that in html code, and used ‘width=” and then created the size i want and test it on mobile.. wonder if that would give me two or three images across the mobile screen instead of pushing them into a column?

    August 6, 2015 at 7:59 am #201231
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You could add a gallery asset to the page and I could provide you with some custom css to show 2 columns on mobile

    – Kyle

    August 7, 2015 at 5:29 am #201676
    dm13
    Member
    Post count: 248

    Kyle that would be fabulous. I def would like to have my look book images 2 or even 3 columns wide on mobile. Thanks! So basically i will just go add a gallery element there tonight and wait for the code? Done 🙂

    August 7, 2015 at 7:41 am #201701
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    What is the page url where you add it? Can’t see it in the homepage.
    Thanks

    -Rui

    August 7, 2015 at 7:58 am #201712
    dm13
    Member
    Post count: 248

    Rui its in the look book HERE

    i want it to have 3 across on mobile as well as on laptop if possible.. and not sure why the images have the red overlay on them.i’d prefer to not have that. THIS is what i would love for it to look like

    August 7, 2015 at 8:18 am #201731
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try add this to your custom css:

    @media only screen and (max-width: 479px) { 
.gallery-columns-3 .gallery-item {
  width: 33%!important;
  margin-bottom: 3px;
}
}

    – Kyle

    August 9, 2015 at 7:16 am #202126
    dm13
    Member
    Post count: 248

    Kyle this is fabulous it works! my Lookbook has 3 images across the row on mobile! will this work if i change my home page settings to gallery at some point? havent decided yet on what i’m doing there but just curious. thanks.

    August 9, 2015 at 8:33 am #202127
    dm13
    Member
    Post count: 248

    hey Kyle, have a look here: http://nightmaircreations.com/?galleries=look-book

    scroll down and you will see they’re all in order until abut the middle and then one of them jumps to the right out of line. i’ve tried changing the order of the images and it doesnt matter which image i put there, it does that. scroll further down and it does it again. any ideas? thanks.

    August 10, 2015 at 8:41 am #202254
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    It’s because this product image is bigger than the others: http://d.pr/i/12e4X/5pCHeWEX and you can see it drops lower than the others

    – Kyle

    August 10, 2015 at 6:45 pm #202510
    dm13
    Member
    Post count: 248

    got it thanks! thought using the edit function in wordpress was resizing the image but it was still using the original size. had to delete and edit in picasa then upload. works great thanks.

    August 11, 2015 at 8:02 am #202597
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

  • Back to forum
    Posted in: Atelier
Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register