Compatibility of XStore Theme and Elementor

This topic has 2 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Rose Tyler

  • Avatar: Arne Ader
    Arne Ader
    Participant
    June 7, 2022 at 14:46

    Hello!

    I have understood that XStore Theme (demo Drinks) has designed to work together with Elementor. However, connection with Elementor does not work in my shop page. Error message: “Sorry the content area was not found in your page. You must call the content function in the current template, in order for Elementor to work on this page.” If I make copy of the page using Yoast Duplicate Post plugin I can use Elementor once. After publishing the same error appears again …

    My question is: has XStore Theme shop page compatible with Elementor or not? If yes, then what I have to change to make it work.

    My problem is that there are not enough possibilities in XStore Theme to finalize customation of shop page as desired.
    E.g.:
    Single Product builder -> Product title: How to change Title size? “Size Proportion” in the menu does not change text size.
    Single Product builder -> Product price: How to change font? I want to use my global fonts.
    Single Product builder -> Form cart: How to change font and font color for the Product Stock Status message?
    Single Product builder -> Related products: How to make background of arrows transparent?

    Also I cannot edit second template for the Single Product builder. I can create it but after clicking “edit” next form will close automatically after fraction of a second.

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 8, 2022 at 14:26

    Hello,

    1/ Shop page is a catalog page for products that can’t be edited using Elementor, by default. Available settings you can find in Theme Options > WooCommerce (Shop).
    Do you use Elementor Pro? Then follow the plugin docs to edit the shop page https://elementor.com/help/creating-a-woocommerce-archive-template/
    2/ Edit a page> go to Settings of the Elementor > Site Settings > delete font size from here – https://prnt.sc/TmyxHJ8DDM4t , then “Size Proportion” for Product title will works fine.
    3/ Add the next code in Theme options > Theme custom CSS:

    .et_product-block > .price {
        font-family: Merriweather Sans;
    }

    4/ Theme options > WooCOmmerce > Shop > Shop elements > Product stock > change colors.

    .single-product .stock {
        font-family: Merriweather Sans;
    }

    5/

    .swiper-custom-left, .swiper-custom-right, .swiper-custom-left:hover, .swiper-custom-right:hover {
        background-color: transparent;
    }

    6/ Please update the theme and Core plugin – https://xstore.helpscoutdocs.com/article/63-theme-update https://xstore.helpscoutdocs.com/article/37-plugins-update

    Regards

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

The issue related to '‘Compatibility of XStore Theme and Elementor’' has been successfully resolved, and the topic is now closed for further responses

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