Look Book questions - by ycs7a - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 8 years ago ago by Eva Kemp

  • Avatar: ycs7a
    ycs7a
    Participant
    December 12, 2016 at 00:51

    Hi,

    1. In order to make the Look Book, I need to choose in the Products widget one of the above type of Products:
    ‘All’
    ‘Featured’
    ‘New’
    ‘Sale’
    ‘Recently viewed’
    ‘Bestselling’

    Yet, I want to place images in the Look Book that are not necessary products on the website. Is it possible to insert specific images (or: products, if that is necessarily a requirement for the Look Book), which are not ‘Featured’, ‘New’, ‘Sale’ etc.?

    2. What sizes do the images of the look book need to be? In an earlier post on the Royal WordPress Support Forum, I found that the image sizes for the demo page are 1,425px × 1,900px.

    But what size should I choose in order for the images to be visible on screen and to have the ‘Product name’, ‘Price’ + ‘Add to cart button’ visible at the same time?

    3. The distance between the different images in the Look Book varies. I would like them to have one and the same distance between them. In another earlier post on the Royal WordPress Support Forum, I found that for this result you need to insert the following CSS code:

    .swiper-slide {
    width: 350px !important;
    }

    But even with this CSS code, the varying distance remains. How can I achieve the same result as on the demo page?

    4. Is it possible to insert a Navigation arrow (e.g. ‘<‘ and ‘>’) in the Look Book? I find the current way of ‘swiping’ not easy to work with.

    Thanks.

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    December 12, 2016 at 19:12

    Hello,

    1. There is no option to select specific products, but you can mark some as featured and select Featured products in the element settings.

    2. Original images sizes of products on our demo are 1,425px × 1,900px.
    For your solution you need add this code in Custom CSS for desktop section:

    .swiper-slide {
       width: 350px;
    }

    3. Please show a page where you added LookBook.

    4. Unfortunately there is no such possibility.

    Regards,
    Eva Kemp.

    Avatar: ycs7a
    ycs7a
    Participant
    December 13, 2016 at 10:06
    Avatar: Eva
    Eva Kemp
    Support staff
    December 13, 2016 at 19:44

    Hello,

    3. Please add this code in Custom CSS:

    .page-id-20952 .carousel-area .product-content-image img {
        width: 100%;
    }

    Regards,
    Eva Kemp.

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

You must be logged in to reply to this topic.Log in/Sign up

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