Home Forums WoodMart support forum Layout mobile bug After update 6.3.2

Layout mobile bug After update 6.3.2

Viewing 30 posts - 1 through 30 (of 35 total)
  • Author
    Posts
  • #360158

    staffcreator
    Participant

    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 ..

    #360502

    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

    #360630

    staffcreator
    Participant

    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

    #360746

    staffcreator
    Participant

    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!

    #361025

    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

    #361066

    staffcreator
    Participant

    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.
    #361428

    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

    #361435

    staffcreator
    Participant

    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.
    #361765

    Hello,

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

    Please clarify.

    Best Regards

    #361777

    staffcreator
    Participant

    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

    #362146

    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

    #362166

    staffcreator
    Participant

    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

    #362469

    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

    #362758

    staffcreator
    Participant

    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

    #362964

    Hello,

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

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

    Best Regards

    #363087

    staffcreator
    Participant

    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.
    #363303

    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

    #363401

    staffcreator
    Participant

    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

    #363597

    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

    #363760

    staffcreator
    Participant

    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.
    #364301

    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

    #364671

    staffcreator
    Participant

    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.
    #364743

    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

    #364836

    staffcreator
    Participant

    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.
    #365398

    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

    #365449

    staffcreator
    Participant

    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.
    #365549

    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

    #365735

    staffcreator
    Participant

    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.
    #366006

    Bogdan Donovan
    Keymaster

    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

    #366504

    staffcreator
    Participant

    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.
Viewing 30 posts - 1 through 30 (of 35 total)

The topic ‘Layout mobile bug After update 6.3.2’ is closed to new replies.