Layout mobile bug After update 6.3.2

I just ran into another problem ..

a colleague of yours had solved a display problem on Mobile for another site long ago, I also implemented this change on the UppyNet site, and everything worked fine but suddenly on the Mobile view you no longer see the choice icons for the view whether Grid or List .. and then I noticed that now as soon as the page loads it automatically sets the Grid, both in Mobile and Desktop mode ..

The Old topic I was talking about you can see at this link https://xtemos.com/forums/topic/update-woodmart-error/ in the final part when we talk about the List View and the icons to be inserted for the choice ..
This no longer works .. could you restore everything as before? Let me know thank you very much my friend ..

Hello,

Please check your custom CSS: https://gyazo.com/ddd3b0b63c41eb06bcf656ffb7d8d766

Try to comment on the styles that have red color and check the issue.

Best Regards

Hi Elise!
Thank you for your answer..

Forgive me but I did not understand what to do?

The styles that are in Red for me are regular .. I don’t know what you are referring to ..

I only wish if you could fix me up like it was before.
Can you help me understand?

A thousand thanks

Hi Elise,
Double-checking well I think they are errors?

i’m not very sure about this because i’m not much of an expert in css programming i’m learning too and i don’t know what the red values ​​mean.

I ask you please if you can explain me better in detail and if in the meantime you can fix it as it was before, because I would need it as soon as possible.
If you explain to me what the red values ​​mean, I can learn and not repeat the same mistakes.

Thank you so much Elise!
I’ll wait here!

Hello,

Please check CSS in this line: https://prnt.sc/bEEnlUS7bGVy

This error makes all the CSS code below not valid.

If you have any questions please feel free to contact us.

Best Regards

Hello Elisa!
Thank you very much for your support ..

I did as you said ..

I entered a value of 10px, I also deleted the line. This way it seems to go back to Forced List mode, but in reality the icons do not come out for editing in both Desktop and Mobile View.

I am attaching you Screen
Can you get the icons to pop out for selection?

Keep in mind that if you can implement this simple option right from the theme settings it would be great!
I beg you! make sure that you can put it as an option, in the end it is not a very demanding thing, it is just a matter of inserting the List view also for Mobile in the manner described.

In the meantime, let me know how we can temporarily solve my problem. I wish I had it as before.

Thank you very much for your help!
A greeting from Luca

I’ll wait here..

Attachments:

You must be logged in to view attached files.

Hello,

These icons allow to change the number of items it the grid. These icons are not applicable for the list view. It is not possible to show them, unfortunately.

If you have any questions please feel free to contact us.

Best Regards

Hi Elise,

Thanks as always for your assistance ..

But before you helped me to show them … Always in the same old post / topic (See attached images) always in this Old Topic https://xtemos.com/forums/topic/update-woodmart-error/ – This css Command it’s still plugged in .. but you can’t see it anymore … that’s what I mean ..

Let me know!
I beg you!
Is critical!

Attachments:

You must be logged in to view attached files.

Hello,

Please check your shop page and I see the filters: https://gyazo.com/570e6b06928b9774c374291867e77860

Please clarify.

Best Regards

Hi Elise!
Thanks for the reply..

Sorry but the Layout function was active .. I was trying with the Layout .. What do you think? could i use Layout?

If you remove the Created Layout it goes back to the main theme settings .. and you can see the problem I mentioned above.

Let me know Elise
Thank you so much dear!

I’ll wait here
Luca

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 1024px) {
	.website-wrapper .wd-builder-off .wd-products-shop-view {
		display: inline-flex;
	}
}

Best Regards

Ok Thanks Elisa for your help ..

Now the options are shown but I noticed that the Grid remains as the default option ..
While the List used to be the default option, is it possible to start the List view option as a default option? – used to work like this.

I state that I applied your code directly on the live site now the icons for the options are visible but the Default List option does not remain, I also tried to change the options from the theme in Product Archive -> Product Grid – I selected both the two options GRID / LIST or LIST / GRID but the Default List option does not work, I also tried to select only the LIST option, in this way you can see the List but you no longer see the icons for choosing the option.

Let me know
I’ll wait here
Thanks as always Elise!
Luca

Hello,

Please update the theme to the 6.3.3. version and our developer would look into this once more.

Let us know when the theme has been updated.

Best Regards

Hi Elise!
OK, thanks a lot.

I inform you that in the Staging site we have updated to version 6.3.3 as per your request. You can check on the Staging site.

The problem still remains ..
Let me know

Thank you so much guys.
I wait for you here ..
Greetings
Luca

Hello,

Please add this patch: https://take.ms/GbSYl

If you have any questions please feel free to contact us.

Best Regards

Optimal!
Thanks Elisa for your help!
You are great guys!

I confirm that now everything works fine for the Grid List speech.

But now I have noticed that another problem has come up … In the List, the icon of a button that shouldn’t be there has popped up … (for this see the attached image) ..

I don’t know why this button is checked, in reality there must be no buttons or buttons

The proof seen from the Staging site

Let me know
Thanks as always for everything guys!
I wait for you here.

Greetings
Luca

Attachments:

You must be logged in to view attached files.

Hello,

The button view is stipulated by:

1. Custom code: https://gyazo.com/18f39436f14f3cabfbf91a2b2bb21d47
2. The styles woo-mod-add-btn-replace are absent in the style file.
3. The text before the button without padding is added by the plugin.

Best Regards

Hi Elise!
Thank you!

I saw .. But I didn’t quite understand what I need to change …

I entered the None command previously because I don’t want any buttons to be seen.

I wish it would go back to the way it was before ..

As you can see if I leave Display: None the button remains with a broken graphic ..

Maybe you are referring to some other plugin installed that gives the problem?

Can you help me understand what it is?

Thank you my friend
I’ll wait here
Greetings
Luca

Hello,

1. Please remove “display:none;” https://gyazo.com/18f39436f14f3cabfbf91a2b2bb21d47

2. Please enable styles in the Theme Settings => Perfomance => CSS => Styles allways load and add “WooCommerce add to cart button replace” value as sown here: https://prnt.sc/1wRCN7jh9_X5

If you have any questions please feel free to contact us.

Best Regards

Ok Elisa
I did everything as you told me ..

I noticed that the button still remains .. it really shouldn’t be showing at all.

However, since we are at this point I would say that we can let the button stay .. but can we improve the position? It looks bad like this .. attached to the writings .. Can you put the price immediately after? (See attached image)

Let me know.
If it was not possible to put it after the price at this point I would say to Remove it.

I’ll wait here
Thank you dear.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the delay.

Please add this code to the Theme Settings > Custom CSS > Global:

.woodmart-add-btn, 
.wd-add-btn-replace {
    display: flex;
    flex-direction: column;
}
.product-list-item .wd-add-btn>a {
    max-width: 30%;
}

Best Regards

Hello Elisa!
Thanks for the answer .. quiet for the delay no problem .. 🙂

The code works for the right alignment but I would like the button to be seen below the price in both List view and Grid view .. is it possible to show the button just below the Purchase Price? (See attached image)

A thousand thanks
I’ll wait here
Greetings
Luca

Attachments:

You must be logged in to view attached files.

Hello,

If you want to relocate the button, please try to do it by means of WooCommerce layouts builder https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart

If you have any questions please feel free to contact us.

Best Regards

Hello Elisa
Thanks as always..

I was already analyzing this option and I saw that it was introduced with the new update.

It’s a good thing you did .. I really like it ..

The problem is that I am experiencing many small bugs that do not allow me to make the best use of the Layout option.

I’ll mention some of these ..
Example the Filter is not like what I would like (See images LayoutProduct2_Filter.JPG – LayoutProduct2_Filter_OK_Live.JPG)

Or tried to insert the other Widgets available for the filter but nothing .. it does not recreate the filter you see in the image of the Live site.

—-

I also encountered a visual problem on Mobile Devices that causes the sidebar widget where it creates a huge empty space the size of the sidebar contents (See attached images LayoutProduct1_Mobile.JPG – LayoutProduct1_Mobile_2.JPG)

Also I could not find the location of the button.

If you help me to solve these bugs that I have encountered I prefer to use the Layout method because comuqnue I see it as a nice implementation on your part, it has more creation potential and I really like this .. but please …. Help me to solve all these little things .. ok?

I thank you infinitely for your assistance.

I’ll wait here
Greetings
Luca 🙂

Attachments:

You must be logged in to view attached files.

Hello,

Now you have “Order by” filter , you need to create custom filters and show in the top filters: https://prnt.sc/UyO3_pmjsKLZ

1. Enable Top filters in the Theme Settings >Product archives > Shop filters https://gyazo.com/3564df2a5d658a0010b6c0ebd0b537d4

2. Enable Shop filters area always opened

3. Shop filters content type should be set Custom content

4. You can choose the HTML block with the content from the Shop filters custom content drop-down.

As per the widget, it has the custom code which does not relate to the WoodMart theme: https://prnt.sc/bbNgNFfeuUAU

Please check if the code is for errors or delete it and check again.

Best Regards

Hello Elisa!

Thanks for the reply..

Ok for all other things ..

But unfortunately I ask you the favor of investigating the problem of the Sidebar …
Unfortunately in Mobile View it does not come out ..

I had to hide the column in Mobile mode because otherwise it remains Fixed and not good .. it must hide and appear only when the button is clicked .. (See attached images)

Please do more thorough checks I would not like there was a bug in the theme.

Note that I have deleted the HTML code to do a better test .. but the problem persists.

a thousand thanks
I’ll wait here
Greetings
Luca

Attachments:

You must be logged in to view attached files.

Hello,

Please check this video tutorial: https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

You need to configure different widths for the columns for different devices.

Best Regards

Hi Elise
Thanks for your help .. We certainly didn’t understand each other well …

I’ve seen the video but that’s not the problem I’m pointing out to you.

maybe I explained myself wrong..
Sorry for that.

The problem is that in Mobile view, (If we use the Layout method) the SIDEBAR with Scrolling From Right to Left does not work.
The SIDEBAR just doesn’t work, IT DOESN’T OPEN. (See video Attachment – Site_Staging_With_Paging_Layout_No_Visual_Sidebar.mp4)

While if you notice well from the LIVE site, the opening with scrolling from the Right works well (See attached video – Site_LIVE_No_Paging_Layout_Sidebar_Mobile_OK.mp4)

So the Width factor has nothing to do with it, I’ve already tried to see those things too but it doesn’t depend on margins or widths.

The SHOW SIDEBAR button does not work, the SIDEBAR does not EXIT

Attachments:

You must be logged in to view attached files.

Hi,

If you use a shop layout builder, your off-canvas sidebar will not be assigned automatically. If you created a column that you want to show on mobile by clicking on the “Off-canvas column button” you first need to assign roles to that column and roles to other content. These options can be found in the column settings area (https://prnt.sc/vqnlB3b87neB).

More about layout builder column options can be found in the documentation (https://xtemos.com/docs-topic/custom-off-canvas-sidebar/).

Kind Regards

Hi Bogdan!
Thanks for the reply..

I can confirm that it does not work ..

I am attaching the video that demonstrates it ..
it does not work yet..

can you solve?
a thousand thanks
I’ll wait here!
Greetings
Luca

Attachments:

You must be logged in to view attached files.

[Author]

Posts