Various Change Requests - by Skye - on WordPress WooCommerce support

This topic has 7 replies, 2 voices, and was last updated 5 years, 3 months ago ago by Skye

  • Avatar: Skye
    Skye
    Participant
    September 4, 2020 at 11:27

    Hi, Is it possible to do the following….

    1) Have two columns for the ‘Recently Viewed Products’ in the widget at the bottom of my shop page? Although there may NOT be room for this on smaller screens.
    https://prnt.sc/uauf3t

    2) None of the ‘Add to Basket’ Buttons align with each other, and it looks a bit of a mess on the shop page and on the home page where I have used the ‘New’ and ‘Best Selling’ widgets. I have tried a plug-in to fix this but it didn’t work, I’m assuming the plugin is incompatible with the theme. Can you help?
    https://prnt.sc/uavh8n

    Many thanks

    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 4, 2020 at 12:23

    Hello,

    Please provide temporary wp-admin access, so we can take a closer look.

    Regards

    Avatar: Skye
    Skye
    Participant
    September 4, 2020 at 15:00

    Thank you.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 4, 2020 at 15:12

    1/ Try to follow next steps:
    – go to Appearance > Widgets > create 2 custom sidebars > add Recent Viewed Products
    – create a new static block that contains these sidebars, for example – https://prnt.sc/ubke4m
    – add the static block into “After the products ” sidebar area
    2/ Add this code in Theme Options > Theme custom CSS:

    .main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
        display: flex;
        justify-content: center;
    }
    .products-loop .ajax-content, .products-loop {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
    }
    .content-product {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        flex: 1;
    }
    .content-product .quantity-wrapper {
        margin-right: auto;
        margin-left: auto;
    }

    Regards

    Avatar: Skye
    Skye
    Participant
    September 4, 2020 at 17:09

    Thank you

    1) I don’t seem to be able to get this right…..the recently viewed products keep going into the side bar on the shop page rather than at the bottom. Can you help?

    2) This works ace, but I forgot that that are also product at the bottom of the single product pace “Related products”. Could this be added into the code?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 5, 2020 at 08:01

    1) Check now – https://prnt.sc/ubxbw8 , Recently Viewed Products can’t be displayed in 2 columns, unfortunately, but you can display Sale products in the second column – https://prnt.sc/ubxcbk
    2) Add this code also:

    .swiper-container {
        display: flex;
        align-items: stretch;
    }
    .product-slide .product {
        display: flex;
        height: 100%;
    }
    .swiper-wrapper {
        height: auto;
    }

    Regards

    Avatar: Skye
    Skye
    Participant
    September 7, 2020 at 12:22

    Thank you for both items Thread closed.

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

The issue related to '‘Various Change Requests’' has been successfully resolved, and the topic is now closed for further responses

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