New Landing › How can we help? › Atelier › Is there a way to ensure shop product rows align?

Viewing 14 posts - 1 through 14 (of 14 total)
  • Back to forum
    Posted in: Atelier
  • January 4, 2016 at 11:10 pm #238268
    Katie Sutton
    Member
    Post count: 104

    Hello,
    I have a couple of questions:
    1-When my product names are inconsistent lengths, it causes the rows to go wonky at different screen sizes so it is not very neat (please see link I sent in private part of this post). Is there a way to keep the products in neat rows regardless of the fact that the product names are different lengths?
    2- I set up my shopfronts by hand using the product asset and setting the Asset Type to “Latest Products” and then picking each category row-by-row (when I tried to use the “Categories” asset type it did not work – ALL categories were populating each row). However, the only way I could figure out to organize the wines within the rows was by changing the post dates. Is there an easier way to do this when I hand it off to my client?
    Thank you in advance!

    January 5, 2016 at 8:45 am #238320
    David Martin – Support
    Moderator
    Post count: 20834

    1) As the heights will be different, have you tested using a multi-masonry layout, or do you require it to be a fixed grid?

    You could test this CSS:

    .inner-page-wrap.full-width-shop ul.products>li.product-display-standard {
    margin-bottom: 45px!important;
}

    If that does not improve the layout you would need to specify a min-height, which we can assist you with.

    2)

    This is fixed for the next update. Looks like there is a small bug in the categories display setting.

    Thanks.

    January 5, 2016 at 2:04 pm #238401
    Katie Sutton
    Member
    Post count: 104

    1. That css did not quite get me there because a consistent 45 px margin still throws off the row alignment when a product name wraps to two lines… HOWEVER you provided me with the css selectors I was struggling to identify so that I could then use the min-height setting, as you suggested, to give everyone enough space regardless of whether the product name is one line or two, and THAT was the ticket. Will just add a bit of css for mobile screens and I’m good to go.
    2. Great, thanks. Hopefully coming soon!

    Thanks for the quick response!

    January 5, 2016 at 2:11 pm #238403
    David Martin – Support
    Moderator
    Post count: 20834

    No problem!

    2) Yeah, in the next release so it won’t be long.

    Thanks.

    January 13, 2016 at 8:31 pm #240164
    Katie Sutton
    Member
    Post count: 104

    Hi,
    I just uploaded the new release and #2 still seems to be an issue…?

    January 13, 2016 at 8:34 pm #240168
    David Martin – Support
    Moderator
    Post count: 20834

    The Swift Page Builder plugin or theme update?

    THanks.

    January 13, 2016 at 8:36 pm #240169
    Katie Sutton
    Member
    Post count: 104

    The new theme version 1.9 that came out today…

    January 13, 2016 at 9:11 pm #240182
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Are you trying to show the products from the categories or are you trying to show he categories?

    – Kyle

    January 13, 2016 at 9:14 pm #240183
    Katie Sutton
    Member
    Post count: 104

    The products, as in your demo page: http://swiftideas.com/shop/shop-mixed-rows/
    If you visit the dev site now it is set up the way I want it to look BUT I had to use “Latest Posts” and order those posts by date in order for the products to display in the correct order. In your response above, it looked like this would be fixed in the update so that if I selected “Categories” and then picked my category, the products would display in the order they are within the category, not by date order, which is going to be hard for my client to keep organized when I hand off the site.

    January 13, 2016 at 9:21 pm #240189
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No you don’t select categories, that outputs this: http://swiftideas.com/shop/shop-mixed-rows/

    Just choose one of the others for e.g. latest products, then select the category you want to pull products from

    – Kyle

    January 13, 2016 at 9:27 pm #240192
    Katie Sutton
    Member
    Post count: 104

    If I select categories, it displays the categories themselves, with little numbers floating up beside each of them to show how many products are in them, not in neat rows with the products individually displayed as in the url you sent to me (someone else in this forum have raised this issue too but no solution was ever posted). On our main shop page, I’m actually looking to display them like the page url you sent to me, all products in neat rows according to category, but that’s not how they display when I select Categories. Really, I’m happy to use Latest Products but is there a way to show them in the right order without having to order them by date? This is not user-friendly for my client.

    January 13, 2016 at 10:32 pm #240213
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No, don’t select the categories type, select ‘latest products’ then in the category field enter the category you want to use. Repeat for each Row. This will show the products only from the category(ies) selected.

    – Kyle

    January 13, 2016 at 10:50 pm #240216
    Katie Sutton
    Member
    Post count: 104

    Right, I understand. That is what I did. It works.

    The issue I have been struggling with is ordering individual products within each row. I asked originally, on January 4th in my question #2 in this string, if there was a way around using the date as the way of ordering the products within rows and David Martin said “that is fixed in the next update. Looks like there is a small bug in the categories display setting.” I think I thought he meant that I should select Categories and then the products would show up in the order I specified (presumably the menu order in the Advanced box in the Product Data fields but maybe I’m missing something there too…)

    January 13, 2016 at 10:57 pm #240218
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Install a plugin called Post Types Order, this allows you to reorder your post/products

    – Kyle

  • Back to forum
    Posted in: Atelier
Viewing 14 posts - 1 through 14 (of 14 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