Customizing Category Layout with Elementor

This topic has 6 replies, 2 voices, and was last updated 3 weeks, 5 days ago ago by Tony Rodriguez

  • Avatar: Crispy123
    Crispy123
    Participant
    January 13, 2025 at 21:18

    Hello Support Team,

    I would like to customize the layout of the categories but have only found the option to do so via the Customizer. Is there a way to make these changes directly with Elementor? I’m not entirely happy with the current layout, especially the text color of the filters, the product view, and the arrangement of the filter options. Thank you in advance! Images are attached.

    Best regards,
    Lars

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    5 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 14, 2025 at 06:52

    Hello, @Crispy123,

    Thank you for contacting us and for using XStore.

    You can create a custom layout for archive pages using the Elementor plugin by navigating to **XStore Builders > Product Archive Builder**.

    For detailed guidance, we kindly recommend reviewing our theme documentation, which can be accessed via the following link:
    https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/

    Should you have any further questions or require assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Avatar: Crispy123
    Crispy123
    Participant
    January 14, 2025 at 20:40

    Good day, thank you for the quick response.
    I know how to edit a product archive. However, this is about the individual category page itself. Is there a general layout for categories that I can edit, which is not assigned to an archive?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 15, 2025 at 05:34

    Hello, @Crispy123,

    Thank you for your response.

    Allow me to provide further clarification. The archive pages in question refer to the Shop page and all category pages.

    To create and customize the layout for an individual category page, please follow these steps:

    1. Navigate to **XStore Builders > Product Archive Builder > Add New Layout**.
    2. Edit the layout using Elementor according to your requirements.
    3. Set the condition to **Product Categories**, select the specific category you wish to customize, and save the settings.

    Please note that this layout will only apply to the specific category you select and not to all archive pages.

    For your reference, we have included an image in the private content area. Additionally, for more detailed guidance, we kindly recommend reviewing our theme documentation, which can be accessed via the following link:
    https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/

    Should you have any further questions or require additional assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Crispy123
    Crispy123
    Participant
    January 21, 2025 at 22:35

    Thank you for your feedback! 🙂

    I’m following your suggestion and working on the “product archive” now.

    Unfortunately, the products that are out of stock are still being displayed there. Is there a setting I can change to fix this?

    Thanks in advance and best regards.

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 22, 2025 at 06:34

    Hello, Crispy123,

    Thank you for reaching out to us.

    To hide out-of-stock products on archive pages (such as shop or category pages), please follow the steps below:

    1. Navigate to your WordPress Dashboard.
    2. Go to **WooCommerce > Settings > Products > Inventory**.
    3. Locate the option **Out of stock visibility** and select the checkbox for **Hide out of stock items from the catalog**.
    4. Save the settings.

    For your convenience, you can refer to the following image for guidance: https://paste.pics/SPB1Y

    We hope this information is helpful. Should you have any further questions, please do not hesitate to contact us.

    Best regards,
    The 8Theme Team

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.