Home Forums WoodMart support forum Shop and product is swith in phone view.

Shop and product is swith in phone view.

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #716838

    baloudk
    Participant

    In mobile view, the product categories and the products below are mixed together.

    When a customer clicks Shop, they should first see the categories, and then the products afterwards.

    Where can I change this?

    Attachments:
    You must be logged in to view attached files.
    #716865

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You are using a custom Product Archive layout in Elementor, you can easily control the order of elements specifically for mobile.

    1. Navigate to layouts > edit your Product Archive layout with Elementor
    2. Switch to Mobile View. Locate the Categories container and the Archive Products widget
    3. Simply drag the Categories container above the Archive Products widget.

    Best Regards

    #716997

    baloudk
    Participant

    When i login, and change the view to mobile. no options is cumming up to change anything? 🙁

    Attachments:
    You must be logged in to view attached files.
    #717017

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards

    #717156

    baloudk
    Participant

    See below

    #717218

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Your issue has been resolved. Please check back your site and check the issue.

    Best Regards.

    #717454

    baloudk
    Participant

    the problem with this is, that when people are doing a serach on the mobile, the products they are serching for is know below the categories.

    Is there a way to have the setup as it is now, but when people sereach the products they are seraching for is cumming up top.

    Attachments:
    You must be logged in to view attached files.
    #717479

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    What you’re experiencing is expected with your current setup, as the same custom Product Archive layout (built with Elementor) is being used for both the Shop page and the search results, which applies the same element order in both cases.

    To achieve your desired behavior—showing categories first on the Shop page, but displaying products first in search results- you will need to create a separate custom layout specifically for the search results page. In this new layout, you can position the “Archive Products” widget above the categories section. After that, assign this layout only to the Search Results condition, while keeping your existing layout assigned to the Shop and product archive pages. This way, each context will have its own structure without affecting the other.

    Best Regards

    #717688

    baloudk
    Participant

    What will be the correct way to it?

    #717717

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    The correct way is to create two separate layouts in WoodMart.

    Keep your current layout (categories first) for Shop and Categories, and create a new layout in Elementor for Search Results, where you place products on top.

    Assign each layout to its condition, and it will work as expected.

    Best Regards

    #717808

    baloudk
    Participant

    I have add the extra steps as you guide, can you see if I have done it correct?

    #717829

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    I am unable to fully check your site because it is currently showing a critical error.

    Please fix the site error first, and then I can re-check your setup and confirm if everything is configured correctly.

    Best Regards

    #717834

    baloudk
    Participant

    Hi

    The site should be up again

    #717855

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Your admin login URL is not working. Can you please share the WP admin login URL in the private area so I can check and give you a possible solution?
    https://postimg.cc/5H5N8g6t

    Best Regards

    #717900

    baloudk
    Participant

    Sorry, we havde some problems with our webpage today, all the problems should be solved. Please try again

    #717926

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    I checked your setup and noticed that the Search Results layout is still using the same Product Archive template that is assigned to “All Product Archives”.

    To make this work correctly, you should create a separate layout specifically for the Shop Search Results page only — not for all product archives.

    See Screenshot for better understanding and create a layout for search result page: https://postimg.cc/VrkFQcL2

    Best Regards

    #718900

    baloudk
    Participant

    Sorry I dont understand the esatiment.
    there is a serche bar?

    Attachments:
    You must be logged in to view attached files.
    #718924

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You already created a layout, but the issue is that it is still assigned to “All Product Archives”, which includes Shop, categories, and search results together.

    You need 2 separate layouts, Shop / Category layout (your current one)
    – Condition: All Product Archives
    – Layout: Categories first > Products below

    2. Search results layout (new one)
    – Condition: Search Results Page only
    – Layout: Products first > (optional categories or nothing): https://postimg.cc/VrkFQcL2

    Navigate to > Layouts > Add New > Single condition > Search Results, then set the Products archive widget on top and Categories below.

    Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

    Best Regards

Viewing 18 posts - 1 through 18 (of 18 total)