Dokan theme - by Yang - on WordPress WooCommerce support

This topic has 15 replies, 3 voices, and was last updated 3 years, 5 months ago ago by Olga Barlow

  • Avatar: Yang
    Yang
    Participant
    January 3, 2021 at 08:12

    1) https://prntscr.com/wdvyrl – I have turned on “Payment Request Buttons” on Stripe payment setting to enable apple/google pay. There seems to be issue with this.

    2)https://prnt.sc/wdvyrj & https://prnt.sc/wdvyr6 -Dokon display issue

    3)https://prnt.sc/wdvyr4 -menu on left jumped one line up

    4)https://prnt.sc/wdvyri -buttons are not aligned

    5) https://prnt.sc/wdvyr0 -On Store page, phone no color changed.

    Please, contact administrator
    for this information.
    14 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 3, 2021 at 08:51

    Hello,

    Thanks for using our theme.
    1) Please provide URL of the product and describe the desired result in more detail.
    2) Provide URL of page/pages where we will be able to see it.
    3) Could you provide FTP access also?
    4) Add the next 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;
    }
    .swiper-container {
        display: flex;
        align-items: stretch;
    }
    .product-slide .product {
        display: flex;
        height: 100%;
    }
    .swiper-wrapper {
        height: auto;
    }

    5) Please provide URL of the page.

    Regards

    Avatar: Yang
    Yang
    Participant
    January 4, 2021 at 08:25

    1) on mobile view, URL:https://itao.com.au/product/rose_cherry/
    a) vendor name is in capital which is different from your demo
    b) Why there is –OR– (just above the “add to the cart” button?

    2) fixed

    3) FTP info added

    5) on mobile view, URL: https://itao.com.au/store-listing/ you can see the first Store, the phone no is in black color.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 5, 2021 at 11:58

    Hello,

    1) Don’t see the issue https://prnt.sc/wgllg8
    a) Check now.
    b) Ask the Stripe plugin author. This is not our theme element.

    3) Check now.

    5) Don’t see the mentioned issue https://prnt.sc/wgnrev

    Regards

    Avatar: Yang
    Yang
    Participant
    January 8, 2021 at 03:56

    There are some design issues. Can you also help to fix these? Not major issue but would be good if your team could review this theme to have better integration with Dokan. Some of the screenshots below are taken from mobile view but some also have issue on desktop view:

    1) https://prntscr.com/wip0gt
    2) https://prntscr.com/wip0i1
    3) https://prntscr.com/wip0fj
    4) https://prntscr.com/wip0h0

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 9, 2021 at 10:54

    Hello,

    1) Fixed. it’s not related to theme but to Dokan plugin styles. Anyway, I added custom CSS to fix the problem.
    2) Don’t see the mentioned issue https://prnt.sc/wjm2cc
    3) Fixed. it’s not related to theme but to Dokan plugin styles. Anyway, I added custom CSS to fix the problem.
    4) Fixed. it’s not related to theme but to Dokan plugin styles. Anyway, I added custom CSS to fix the problem.

    Regards

    Avatar: Yang
    Yang
    Participant
    January 10, 2021 at 07:06

    Thanks. Re No 2 issue, I found product with variable pricing are missing “select option” button, which caused product info is not align with single product – see https://itao.com.au/store/chinesetas/ for example on mobile view.

    I understand your staff Rose already provided custom css applied to this (See above post on 3 Jan) but it is just not fully fixed yet.

    I appreciate if you could look at this css issue again.

    Best regards,
    Yang

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 11, 2021 at 14:37

    Hello,

    If you want to have button for both simple and variable products then “Add To Cart With Quantity for simple products” option should be disabled https://prnt.sc/wl0gr4 and you’ll get buttons for both products but without q-ty input https://prnt.sc/wl0hbz
    It looks ok also for the mobile https://prnt.sc/wl0hyf

    Regards

    Avatar: Yang
    Yang
    Participant
    January 14, 2021 at 11:00

    1) https://prnt.sc/wdvyr4 — menu on left jumped one line up (this issue still remains from mobile view on this page: itao.com.au/shop).

    2) https://prnt.sc/wn9w82. –How can I change font size for the text in this area?

    3) https://prnt.sc/wn9w78. how to add “Vendor info” and “More products “tabs and also “Related Products” section below?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 14, 2021 at 12:23

    Hello,

    1) It looks the issue appears for the iPhone only. We need some time to sort out how to fix it. I’ll inform you.

    2) Add the below code to Theme Options > Custom CSS

    .woocommerce-ordering select {
        width: 180px;
        font-size: 18px;
    }

    3) Enable tabs and related products for the single product in Theme Options > WooCommerce > Single product > Tabs, Related products.

    Regards

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 14, 2021 at 16:23

    Hello,

    1) Could you check now?

    Regards

    Avatar: Yang
    Yang
    Participant
    January 21, 2021 at 10:08

    Thanks Olga,

    Yes I am using iPhone. Some issues seems only related to iPhone. This issue still remains: https://prntscr.com/wdvyrl —- why there is ‘–OR–‘ above the ‘Add to Card’ button?

    Regards – Yang

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 21, 2021 at 13:14

    Hello,

    Add the below code to Theme Options > Custom CSS

    .product-information #wc-stripe-payment-request-button-separator {
        display: none !important;
    }

    Clear the server cache, plugin cache, and browser cache and check the single product again.

    Regards

    Avatar: Yang
    Yang
    Participant
    January 28, 2021 at 05:01

    Thanks but not 100% clean on iphone: https://prntscr.com/xqjtjs Sorry about being picky~

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 28, 2021 at 13:23

    Hello,

    If the mentioned custom code does not help than we can do nothing. Then contact Stripe plugin author and ask them how to disable Stripe on the single product page, not hide divs but remove them at all https://prnt.sc/xrafa2 . Because they cause the mentioned issue on iPhone.

    Regards

  • Viewing 15 results - 1 through 15 (of 15 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.