Home › Forums › WoodMart support forum › Visual bugs on product page with layout

Visual bugs on product page with layout

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • June 3, 2022 at 12:14 pm #381021

    staffcreator
    Participant

    Hi guys!

    We have a little problem,

    We are finalizing the layout of the product page.

    Unfortunately there is no sidebar for the “canvas” option in MOBILE mode.

    Other problem,
    By setting the column of images as Sticky when scrolling down and then up unfortunately we notice that there are visual bugs, if we disable the Sticky mode then everything goes back to normal. This only in Mobile Mode … In Desktop view it does not create any problems ..

    Can you kindly do some tests yourself?
    You can do any test .. as the site is Staging.

    I report all the accesses for the Staging site.

    Attached we attach a small video of scrolling in mobile.

    We are waiting for you here
    A thousand thanks
    Greetings

    Attachments:
    You must be logged in to view attached files.
    June 7, 2022 at 11:24 am #381602

    staffcreator
    Participant

    Hi Guys .. are you there?

    June 7, 2022 at 2:17 pm #381650

    Luke Nielsen
    Keymaster

    Hello,

    Sorry for the delay.

    I have checked the product page on my side and there is everything works well (check the below video).

    https://monosnap.com/file/eC8quPbhhCwI4HMPYWRyM8CjVeJumY

    When you want to test something on the mobile, you need to refresh the page because the browser does not fully understand that this is a mobile device.

    If you have any more questions or come across any other issues, let me know, I’ll be happy to help.

    Kind Regards

    June 7, 2022 at 2:27 pm #381653

    staffcreator
    Participant

    Hi Luke, Thanks for the reply.

    Ok perfect, thanks..

    But I can’t set the Canvas, (See Attached Images), This part should not be seen as the main one but as a side option. (See images Canvas1_Ok.jpg)

    Can you help me?
    I can’t set this very important parameter.

    Let me know
    I’ll wait here!

    Thanks Luke Nielsen

    Attachments:
    You must be logged in to view attached files.
    June 8, 2022 at 10:15 am #381836

    Luke Nielsen
    Keymaster

    Hello,

    Could you please disable all plugins that are not related to our theme? Just to check if they cause this problem.

    I await your response.

    Kind Regards

    June 8, 2022 at 11:21 am #381859

    staffcreator
    Participant

    Hi Luke!
    Thank you for your answer.

    The accesses you have are related to a Staging space and site. Even if you did it then you should always check yourself.

    So feel free to disable all plugins, on this site you can do as you want .. it is a Staging site and you can do all the necessary tests yourself.

    Ok?

    I give you my approval to disable all plugins and proceed with the necessary checks.

    Thanks dear
    I’ll wait here
    a warm greeting
    🙂

    June 8, 2022 at 4:54 pm #381961

    Luke Nielsen
    Keymaster

    Hello,

    The “Off-canvas sidebar” doesn’t work because you have created the wrong structure for it.

    https://prnt.sc/fC2-I72X3Jqm

    You need only 2 columns (https://prnt.sc/2nZUouos19KN), 1 column will have the “Off-canvas column” option (https://prnt.sc/f4pZ2KIV1PVu) and another one will have the “Content column” option (https://prnt.sc/Wku-cAuwwy1p).

    The “Off-canvas column button” will allow you to open the sidebar by clicking on it (https://prnt.sc/U1846Ne9C2YZ).

    https://monosnap.com/file/pQhbwd7sjjUwAmce9DQd67d39Mo2OW

    You can also read our documentation on how to create a custom off-canvas sidebar.

    https://xtemos.com/docs-topic/custom-off-canvas-sidebar/

    Kind Regards

    June 8, 2022 at 9:10 pm #381998

    staffcreator
    Participant

    OK all clear..
    Thanks for your assistance Luke!

    There is still something to fix ..

    When I open the column it remains empty .. while it should show at least the contents .. (See CanvasEmpty image)

    Then in the Desktop view there is too much space (see attached image “Space1”)

    Then the image gallery column must remain fixed until the description.

    Can you check these things too?

    Thanks Luke!
    I’ll wait here
    Greetings

    Attachments:
    You must be logged in to view attached files.
    June 9, 2022 at 12:03 pm #382142

    staffcreator
    Participant

    Hi Luke !!
    I’m sorry but I managed to fix the things written before ..

    It remains only to understand how to delete one of the two canvas buttons .. now we see two .. Is this normal? (See attached image)

    Thanks friend
    I await your feedback

    Greetings

    Attachments:
    You must be logged in to view attached files.
    June 9, 2022 at 12:46 pm #382163

    Luke Nielsen
    Keymaster

    Hello,

    The “Off-canvas button” element has such work so it’s normal. Unfortunately, there is no way to hide the “Show column” button because it can disrupt the operation of this element.

    In the meantime, please feel free to ask any questions you may have!

    Kind Regards

    June 9, 2022 at 12:52 pm #382166

    staffcreator
    Participant

    Ok but so there are double buttons that serve the same thing ..

    Couldn’t a rule like Display None apply to only the element in the CSS options of the Layout page itself?

    I had tried with the page settings itself but the CSS commands from the page seem not to work.

    Maybe you need to put them in the Global CSS in the generic theme settings?

    Could this bug be changed anyway? as it is not normal operation. can you apply any fixes in the next updates?

    Thanks for your help Luke!

    Let me know if we can apply alternatives.

    Greetings

    June 9, 2022 at 1:47 pm #382188

    staffcreator
    Participant

    Hello
    Sorry if I write to you in installments … 🙂

    However, for the speech written above I am referring to these options, which I have noticed in general do not work if applied to the page itself ..
    (See attached image)

    If I put it in the Global of the theme settings it takes it for all associated pages, but if it would ONLY work for the Products page then that’s it.

    Let me know
    Thanks and sorry for the continuing messages.

    Your Theme is Great! I am fine and you are SUPER available, really top assistance! and thank you in advance for that! 🙂 🙂

    Attachments:
    You must be logged in to view attached files.
    June 9, 2022 at 4:16 pm #382249

    Luke Nielsen
    Keymaster

    Hello,

    With the help of the below code, you can hide the “Show columns” button. Paste it to the “Custom CSS for tablet” and “Custom CSS for mobile” areas that are in Theme Settings -> Custom CSS.

    .single-product .wd-off-canvas-btn {
    display: none;
}

    We will consider your suggestion as a feature request but can’t guarantee that it will be implemented soon.

    Kind Regards

    June 10, 2022 at 9:27 am #382347

    staffcreator
    Participant

    Thanks Luke for your help!

    I saw it doesn’t work well ..

    Loading the view in mobile a few times in the First load does not exit the button, If you reload the page a Second time then it exits.

    (I tested it directly on my iPhone 13 pro)

    I state that I have also deleted the browser history.

    Can you do further tests?

    Thanks dear

    June 10, 2022 at 10:15 am #382357

    Luke Nielsen
    Keymaster

    Hello,

    Sorry, I have modified the custom CSS code a little bit so now it should work properly. Please replace the old CSS code with the below one.

    .single-product .wd-off-canvas-btn {
    display: none;
}

.wd-off-canvas-btn ~ .wd-sidebar-opener {
	display: block !important;
}

    Feel free to reach out to me anytime when you have anything more to say.

    Kind Regards

    June 10, 2022 at 10:42 am #382371

    staffcreator
    Participant

    Thanks Luke for your support! You are fantastic!

    I tried now ..
    When I first open the page and tap the Doesn’t Open Sidebar button it takes me back to the top of the page.

    Only after updating the page then it works correctly ..

    There is still something wrong ..

    Can you do further verification?

    Thanks dear

    June 10, 2022 at 12:37 pm #382386

    Luke Nielsen
    Keymaster

    Hello,

    I have tested the above code and everything worked well. Please try to clear the cache on your phone and check again.

    Looking forward to hearing back from you!

    Kind Regards

    June 13, 2022 at 10:12 am #382727

    staffcreator
    Participant

    Hi Luke!
    Thanks for your help! You are fantastic!

    You confirm that everything works.

    You can close this ticket.

    After all, I made a list of graphic problems to be solved together, I need your help, but for these things I will open a special ticket.

    We resent for the other things to fix .. ok?

    Thanks for your help!
    You are great guys! and thank you very much for your work !! Thanks thanks thanks!!!

    See you soon friends!

    Greetings from
    Luca

    June 13, 2022 at 10:22 am #382734

    Luke Nielsen
    Keymaster

    Hello,

    I’m glad we managed to sort this out.

    Of course, if you’re having trouble of any kind issue, please let me know. I’ll do everything I can to help.

    Have a good day!

    Kind Regards

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)

The topic ‘Visual bugs on product page with layout’ is closed to new replies.