[Manydia]

Hello

Since the last update the vendor shop display is broken.
I saw all issues opened by others users so I create mine too …

[Manydia]

This reply has been marked as private.

[NerdySupportExpert Moumita]

Hi @Manydia, sorry for the inconvenicence caused. From 3.7, we have resigned the shop page, to make this elementor supported.

Our team will add a filter, using this you can keep the older version of the Vendor Shop page. But please note, if you use this filter, then you can’t use the elementor to edit the page.

However for now, if you want to proceed with using the filter, then use https://github.com/wcmarketplace/dc-woocommerce-multi-vendor/pull/806 this pull request
So, after downloading the plugin from here – https://github.com/cool-raju/dc-woocommerce-multi-vendor/archive/refs/heads/fix/800.zip, follow these steps :
– Delete the installed WC Marketplace via wp-admin >> plugin
– Unzip the GitHub plugin
– Rename the folder as “dc-woocommerce-multi-vendor” and remove the master tag. Now, zip this folder again.
– Install this plugin on your site.
Please do keep us posted.

and then add this below code in your current active theme functions.php file

add_filter('wcmp_load_default_vendor_store', '__return_true');

Copy

Please make all these changes in the staging site first and then add the same in the live site.

[Manydia]

Hello

I follow your steps but It’s not working for me.
Can you check what’s happened ?

I got back the description and the tabs disappears but the design is always broken.

Thanks

Ex : https://www.piecesdecreateurs.com/pdc/?dc_vendor_shop=ccdille-couture

[NerdySupportExpert Moumita]

@Manydia, I’m sorry, but I couldn’t find the design break issue: https://drive.google.com/file/d/1LI3s72j86Tqq__KeodJrI_s2Sj0_IzoF/view?usp=sharing

Can you please share a scrrenshot explaining which part are you referring as broken.

[Manydia]

Hello,

If you compare in template choices you can see the differences …..
socials icon not in the great place and black…
miss the grey overlay under the image for reading better vendor details….
margins are broken too

[NerdySupportExpert Moumita]

HI, we have activated WCMp version 3.6 in your site, as you can see the vendor shop page displayed the same, as it was in 3.7 : https://www.loom.com/share/5a26414b546247ba80576faa8c1a1812

[Manydia]

Hello

It remain some design issues.
If you look my screens you can see the diferencies.

After that can you tell me How I can reproduce this on production website because Yesterday I follow all yours steps and all was broken. What have you done since my changes ?

Thanks

[NerdySupportExpert Moumita]

@Manydia, may be there was some miss communication, I am sorry for that.

But this is the screenshot of the sho page with our previous version, https://prnt.sc/118tj1d

So, has the issue been there from the beginning?

[Manydia]

Ok ! Sorry for the missunderstood 🙂
No the issue begin only after I updated in 3.7, all was aligned and the logo had the great size before.

[NerdySupportExpert Moumita]

@Manydia, our team will check this and get back to you tomorrow ASAP.

[NerdySupportExpert Moumita]

@Manydia, can we change the theme temporarily in your site?

[Manydia]

In the staging website no problem.
In production you can do it quickly if you put the website in maintenance mode

[Mark Wiggins]

hi

im noticing that your update has messed up on other peoples vendor shop pages. Are we better to just start using elementor in order for us to modify taxonomy pages?

thanks

[Manydia]

Hello,

When the fix will be done please ?
Our production website is touched by this issue 🙁

[NerdySupportExpert Moumita]

@Manydia, we have already added the fix. Kindly check your staging site.
Here is the css :

.template1 .vendor_address {
   text-align: left;
}
.wcmp_vendor_banner_template.template1 .img_div img {
   border: 2px solid #fff;
   max-width: 90px;
   max-height: 90px;
}

Copy

[Manydia]

OK but what is the good way to do the same on production ?
I don’t know what you have change with yours tests

And If I made the rollback in production, How will be happen with further updates ? All will be repaired with next updates or we will be stuck in 3.6 ?

P.S. I tested your update 3.7.1 and the design is better for desktop, but is totally broken on mobile.

[NerdySupportExpert Moumita]

@Manydia, add the above code in the function.php of your production site.

Our team is looking into the mobile view issue.

[Manydia]

This is CSS code not php !!
I’m afraid by your answer, my production website is in 3.7.1. Not yet in 3.6 !
If I put CSS in fonction.php the website will be broken..
I can understand you’re in rush time but don’t tell process if you’re not sure of what you’re saying. It’s already a mass don’t be worst !

This CSS fix is just an overload not a real rollback. If the rollback to 3.6 was working this CSS bugs don’t has to be here.
Making CSS is my work, if I asked your help it was to had a stable version.

You don’t answered my question :
And If I made the rollback in production, How will be happen with further updates ? All will be repaired with next updates or we will be stuck in 3.6 ?

And if we don’t be stuck what is the complete good process to downgrade the 3.7 update to 3.6 ?

My comment on mobile is for version 3.7.1.

[NerdySupportExpert Moumita]

@Manydia, sorry for the inconvenience.

We shared the css, so you have to add this in the style.css of your current active theme for version 3.7.1

Let us know if that is working on your end.

[Manydia]

Hello Moumita

I know you’re not an expert in development, but ask someone who know that, to make a good answer…
This css is for 3.6 not for 3.7.1 because classes used not fit with the new template.

You don’t answer my question too ….
For the third time :
And If I made the rollback in production, How will be happen with further updates ? All will be repaired with next updates or we will be stuck in 3.6 ?

Sorry but If I follow your advices I broke all … Please ask someone who knows.
All of this is unreal …. it’s a nightmare ! You can’t ask us to update production website with some code If you don’t be sure about you are saying.

I think the best way it’s to keep the 3.7.1 and make css changes in my own, but please I don’t want to overload all, to avoid further issues, so take the time to repair mobile view please. Since 2018 the mobile traffic has taken advantage of the desktop traffic, it’s really scary to see you forgot this part in your last release (3.7 and 3.7.1).

[NerdySupportExpert Moumita]

@Manydia, the css we shared, should work fine for WCMp 3.7.1

As you can see we have updated the plugin in your staging and added the above css, this is how the shop page looks : https://www.piecesdecreateurs.com/pdc/?dc_vendor_shop=contact69c

[Manydia]

The css shared is for 3.6 you can’t tell me is not true.
The classes don’t match…..
.template1 is the old class for the 3.6 now it’s : .wcmp-theme02

So OK you don’t want to admit you’re wrong no problem !
I will repair myself the css missing (don’t fit with you template exemple .. miss overlay grey, sizes and social icons in color)
Now the only things I ask you is to repair mobile version it’s a mass !
Look the screen

[NerdySupportExpert Moumita]

@Manydia, I am sorry, if you felt that we needed to make us right.

Our team will check again for both vendor page and mobile view.

[Manydia]

Sorry for what I said but you tell me wrong information and when I corrected you, the response was I’m wrong ^^
This css is for 3.6 not for 3.7.1 because all the template code has changed to fit for elementor and this css used old classes used before this update.

Thanks for looking all of this, mobile view is very important.

[NerdySupportExpert Moumita]

please add this css in your style.ccs of your current active theme :

.wcmp-theme02 .wcmp-banner-wrap {
/* height: 200px; */
}
.wcmp-theme02 .wcmp-banner-wrap {
/* height: 200px; */
height: 350px;
}

.wcmp-theme02 img.wcmp-profile-imgcls {
width: 90px;
height: 90px;
}

Copy

[Manydia]

Hello,

Do you realize there is some text in your language I think, in the code ? If I put this I broke my website again.
This code just change the banner height and the logo size.
The mobile view is little better with this but the image is not display great (look screen).

Why you fix bugs with css overload ?
Why you don’t make a general update ?

If you fix css for each peaple, the next updates will be risky.

[NerdySupportExpert Moumita]

@Manydia, by mistake, we put those lines inside the code.

This issue is only happening on your end. For others, adding the filters is fixing this issue.

However, for your theme, we had to apply special CSS, as this issue is not applied to others. Hence adding this support via our plugin, is not a solution.

Now, because it is a display issue, hence we really need your input regarding the changes you want. So, can you please share another screenshot, so our team can help you out accordingly.

[Manydia]

I don’t see my reponse in the forum, the error say : duplicate content. I try again
I put back the filter and the issue still here.

I need your help specially for the banner size, in mobile view the image is not in the good size.
In the css you put height and width to 100%, the banner displayed is in landscape mode so, this can’t work.

I put you an other screen but you can see all of it directly in my production website : https://www.piecesdecreateurs.com/

I suggested a general update because I saw this issue on your demo website too. (http://wcmpdemos.com/all-in-one-demo/vendor/mudeeee/ and screen)

[Manydia]

I put back the filter and the issue still here.

I need your help specially for the banner size, in mobile view the image is not in the good size.
In the css you put height and width to 100%, the banner displayed is in landscape mode so, this can’t work.

I put you an other screen but you can see all of it directly in my production website : https://www.piecesdecreateurs.com/

I suggested a general update because I saw this issue on your demo website too. (http://wcmpdemos.com/all-in-one-demo/vendor/mudeeee/ and screen)

[Manydia]

I don’t see my reponse in the forum, the error say : duplicate content. I try again
I put back the filter and the issue still here.

I need your help specially for the banner size, in mobile view the image is not in the good size.
In the css you put height and width to 100%, the banner displayed is in landscape mode so, this can’t work.

I put you an other screen but you can see all of it directly in my production website : https://www.piecesdecreateurs.com/

I suggested a general update because I saw this issue on your demo website too. (http://wcmpdemos.com/all-in-one-demo/vendor/mudeeee/ and screen)

[NerdySupportExpert Moumita]

@Manydia, this is theme releated issue.

However our team will check again. I will keep you posted.

[Manydia]

Hello

I use the theme “Storefront”, the basic theme for woocommerce.
I think the issue is related to the image, wrong size is loaded for mobile and is not a theme issue, it’s fonctionnal issue of vendor shop page.

Tell to developers : I think the image scaler fonction used to resize image is not call great. In the end of image url I can see : fit=1200%2C390&ssl=1
So the size is 1200×390, the good size for desktop but not for mobile.

Maybe it can help.

[NerdySupportExpert Moumita]

@Manydia, We have opened a git issue, the team is checking this : https://github.com/wcmarketplace/dc-woocommerce-multi-vendor/issues/816

We will keep you posted.

[Manydia]

Hello,

You forget me.
I saw the github issue was pushed on the 3.7.2 release. I updated my website with it but some issue still here.

I give you an oldest screenshot (3.6) and what I see now.

Issues remaining :

– If you decided to display the banner like this the height specified for mobile is not correct because remain a white blank under the banner. On desktop the overlay on the banner is not display (overlay black with opacity to make the text more readable on the image)

– social icon ares black instead of colorised (maybe it’s wanted ?)

[NerdySupportExpert Moumita]

Hi, our replies are inline :

– If you decided to display the banner like this the height specified for mobile is not correct because remain a white blank under the banner. On desktop the overlay on the banner is not display (overlay black with opacity to make the text more readable on the image)

>> We checked this on our end. Are you referring to this part: https://prnt.sc/128gb03

Kindly explain the image issue a bit more, so I can explain the same to our team.

– social icon ares black instead of colorised (maybe it’s wanted ?)
>> We will fix this in our next update.

[Manydia]

Yes I’m referring to this part, if you look my screen you can see the red arrow showing this.

Before the 3.7, on mobile devices the banner was displayed on top; on desktop you need to add an overlay on the image to make it darkest and provide a better text reading. (you can see the old mobile design on my screen shared before)

[NerdySupportExpert Moumita]

@Manydia, we can add this look : https://prnt.sc/129baxo

But when we tried to change the height, this look like this : https://prnt.sc/129bcp0

Let us know if thoese css we will add in your site.

[Manydia]

Hello

I don’t want any css add in my website.
The only thing I’m asking to you is to provided a plugin without design issue.
My website has only woocommerce + wcmp + theme storefront (theme provided by woocommerce by default) so you can’t tell me is a theme issue because you had to provide compatibility for this theme. It’s basics.

What theme you test when you make update ? I don’t understand why storefront is not supported ! I choose this theme only for limit issues like this..

[NerdySupportExpert Moumita]

Manydia, can we schedule a skype call on Monday, so our frontend dev team can communicate with you directly.

[Manydia]

I don’t really have time I’m very busy but if it can help it’s ok.
I am available between 10 a.m. and 5 p.m. French time (UTC + 2) tell me when it fit for your team.

Thanks

[NerdySupportExpert Moumita]

@Manydia, I am scheduling a call at 4 PM IST

Please share your skype id.

[Manydia]

I’am not available during lunch time here, It’s possible to schedule another meeting ? For exemple today or tomorrow at 11h30 UTC+2 (3 PM IST)

My skype id is : marine.requena

[Manydia]

I looked how css fixes you need to fit with old mobile design.
The same visual result of old mobile design is not possible because the HTML structure has changed so I give you a design that most closely resembles the old one.

For desktop
ADD : (add overlay on banner image to provide a better text reading)

.wcmp-theme02 .wcmp-banner-area {
  background-color: rgba(0,0,0,0.5);
}

Copy

For mobile :
REMOVE :

@media screen and (min-width: 320px) and (max-width: 768px) {
.banner-img-cls {
    height: 320px;
}
}
@media (max-width: 768px) {
.wcmp-theme02 .wcmp-banner-wrap {
    height: 350px;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.wcmp-theme02 .wcmp-bannerright {
    margin: 12px 0;
}
}

Copy

ADD

@media screen and (min-width: 320px) and (max-width: 768px) {
.wcmp-theme02 .wcmp-banner-area {
    position: relative;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.wcmp-theme02 .wcmp-heading, 
.wcmp-address,
.wcmp-contact-deatil .wcmp-address a {
    color: #6d6d6d;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.wcmp-banner-area {
    padding: 15px 15px 0 15px;
}
}

@media screen and (min-width: 320px) and (max-width: 768px) {
.description_data p {
    text-align: center;
}
}

Copy

If you give this to your developers team, they can repair the mobile design issues.
My theme is storefront, the default theme for woocommerce.
As woocommerce is mandatory to use wcmp, you must ensure the proper functioning of this theme.

Thanks, keep me in touch if there is something you don’t understand.

[Manydia]

There is a screen exemple, it’s the mobile view after my css fixes.

[NerdySupportExpert Moumita]

@Manydia, I have forwarded this to our dev team, they will check whether this goes with the current structure.
You can keep track of this from here : https://github.com/wcmarketplace/dc-woocommerce-multi-vendor/issues/829

[Raju The Cool Guy]

Hi, thanks for your co-operation till now.
However as this is a display-related issue, hence it is taking a bit of time as we are not able to recreate the same on our end.
Now, we created a new site on our end, with storefront activated. Here is the shop page: http://wcmpdemos.com/demo1/vendor/chris/

Please do check, if you are facing the issue there too.
During the debugging on your end, we found that you are not using updated wcmp ( it required because we have added some structural change in our shop page in the latest version 3.7.2 ). Also the css you provided for addition is ok, but for deletion, we found a conflict in our end. As the CSS you want to delete are not in our core wcmp file. Those were shared by us to you ( additional css ). So please cross-check and let us know.

I would also request you to check the same on our end. I am sharing the access in the thread below.

[Raju The Cool Guy]

This reply has been marked as private.

[Manydia]

Hello Raju 🙂

I tested on your demo to apply my css changes and I think the code is ok.
Just forget this part :

For mobile :
REMOVE :

@media (max-width: 768px) {
.wcmp-theme02 .wcmp-banner-wrap {
    height: 350px;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.wcmp-theme02 .wcmp-bannerright {
    margin: 12px 0;
}
}

Copy

I don’t have the version with the follow button, you can add grey color to this too.

My wcmp was in 3.7.2 when I provide this css code, I don’t uderstand why you see an older version.

[NerdySupportExpert Moumita]

@Manydia, our team is checking this.
We will keep you posted.

[Raju The Cool Guy]

@Manydia, our team will add your css in our next update.

[Manydia]

Ok thanks Raju ! Do you know when the next update will be deploy ?

[NerdySupportExpert Moumita]

@Manydia, we will release the update by next week.

[Manydia]

Ok thanks Moumita !

[NerdySupportExpert Moumita]

This reply has been marked as private.

[Manydia]

I will add the overlay for desktop, to improve text reading on banner, in my part.
I explained a lot of time but maybe you don’t want it (in 3.6 the overlay was here and it was better).

Thanks for the release it’s better now.

[MVX Support Ninja]

I am closing this thread for now.
If you need any further help, please do open another one.

[Author]

Posts