Compatibility of XStore Theme and Elementor

This topic has 2 replies, 2 voices, and was last updated 2 years, 5 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://www.8theme.com/documentation/xstore/theme-installation/theme-update/ https://www.8theme.com/documentation/xstore/plugins/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

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