Dokan Multivendor Shop Page is Malformed

This topic has 11 replies, 2 voices, and was last updated 2 years, 1 months ago ago by Rose Tyler

  • Avatar: Michael I
    Michael I
    Participant
    October 31, 2022 at 07:56

    We have integrated Dokan MultiVendor Deployment. On the shop page, the MAP is placed in the shop header and very malformed. The HTML generated generates a very badly formed header where the map and shop filter is mixed together.

    10 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 31, 2022 at 11:31

    Hello,

    Provide URL of page with the problem and temporary wp-admin access via the Private Content area.

    Regards

    Avatar: Michael I
    Michael I
    Participant
    November 2, 2022 at 00:23

    Rose

    We have fixed the problem with custom CSS change. After that we had to deal with the Dokan toolbar and Shop toolbar being malformed. With recent plugin updates, we are having an issue with the Vendor Dashboard and a warning from WooCommerce that some of the WooCommerce templates with the theme are outdated with WooCommerce 7.0.1. I reverted all my changes and you can see the following issues now.
    1) Shop page top toolbar is malformed.
    2) Vendor Dashboard is malformed
    3) WooCommerce Templates are out of whack.

    Please check the private content area for the access information.

    Please contact administrator
    for this information.
    Avatar: Michael I
    Michael I
    Participant
    November 2, 2022 at 00:40

    One quick Update. I had to roll WooCommerce plugin to 7.0.0 to continue testing. I created the temporary site
    https://one.ezhomesteading.com for you to see the issue
    You can use the previous credentials.

    Please contact administrator
    for this information.
    Avatar: Michael I
    Michael I
    Participant
    November 2, 2022 at 01:16

    Here are the effected plugins:

    xstore/woocommerce/archive-product.php,
    xstore/woocommerce/cart/cart-empty.php version 3.5.0 is out of date. The core version is 7.0.1,
    xstore/woocommerce/cart/cart.php version 4.4.0 is out of date. The core version is 7.0.1,
    xstore/woocommerce/cart/proceed-to-checkout-button.php version 2.4.0 is out of date. The core version is 7.0.1,
    xstore/woocommerce/global/form-login.php version 7.0.1 is out of date. The core version is 7.1.0,
    xstore/woocommerce/myaccount/form-login.php version 6.0.0 is out of date. The core version is 7.0.1,
    xstore/woocommerce/single-product/add-to-cart/simple.php version 3.4.0 is out of date. The core version is 7.0.1,

    Avatar: Michael I
    Michael I
    Participant
    November 2, 2022 at 02:38

    Well this is nuts. I disabled all of the plugins and re-enabled them all screen malformation disappeared (stg.ezhomesteading.com). There is definitely a bug somewhere. I left https://one.ezhomesteading.com alone for you to look at things.

    Avatar: Michael I
    Michael I
    Participant
    November 2, 2022 at 03:33

    It must have been some weird caching issue. All malformed screens are okay now. But we need update woocommerce templates for the XStore template.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 2, 2022 at 07:49

    Hello,

    Thanks for contacting us.
    Please do not update WooCommerce before the next theme update. It will be released soon.

    Regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 2, 2022 at 13:23

    We added next custom CSS to Theme Settings -> Theme Custom CSS -> Global CSS:

    .filter-wrap .dokan-row {
    width: 100%;
    }
    .filter-wrap .filter-content {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    }
    .filter-wrap .dokan-geolocation-location-filters {
    width: 100%;
    }

    Clear cache and check now https://one.ezhomesteading.com/

    Regards

    Avatar: Michael I
    Michael I
    Participant
    November 4, 2022 at 19:24

    Rose

    That is exactly what I added to the child theme to make it work. However, the slider is not lined up with the left side of the map. It is shorter than the map itself. It is not a very big deal, but on another template it that does not happen.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 7, 2022 at 07:29

    Hello,

    Add this code also:

    .filter-wrap .dokan-geolocation-location-filters .dokan-row {
        margin: auto;
    }

    Regards

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