WPbakery to Elementor - by filmguerilla - on WordPress WooCommerce support

This topic has 27 replies, 3 voices, and was last updated 4 years ago ago by Olga Barlow

  • Avatar: Jef
    filmguerilla
    Participant
    April 30, 2020 at 14:29

    Hi guys, is there any easier way to convert an old Xstore site from WPBakery to Elementor. Please check the link. Need some small help here.

    Was thinking since i will be developing a new site with Xstore. Would like to have my old site to be converted to Elementor as well lessen confusion. Thanks

    Thanks!

    Please, contact administrator
    for this information.
    26 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 30, 2020 at 16:20

    Hello,

    Unfortunately, there is no auto-convertor from WPBakery to Elementor. You need to recreate pages manually. You can install both plugins and create pages using Elementor one by one. Once you create all the necessary pages then edit your menu and add them to your menu instead of pages created by WPBakery. After that you’ll be able to remove all the old WPBakery pages.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 1, 2020 at 08:49

    Hi Olga,

    So it’s ok to install the Elementor now and test / create each pages?

    How about the header and footer? I’m using the FASHION theme which ins’t available with ELEMENTOR?

    Please let me know what is the best procedure. I want to go with Elementor now so the learning curve is much easier since i’m developing a new site too..

    I still have a few more problems with my old site but will create a new subject for it..

    Thanks

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 1, 2020 at 09:55

    Hello,

    Yes, you can enable Elementor and create pages one by one.
    Header builder does not depend on page builder.
    Did you create footer using Static Blocks?

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 1, 2020 at 16:23

    I manage to make all the pages to elementor. 😀

    I will check the footer. I think i used the footer from FASHION theme as well.

    Is it possible to import SHOP page from Elementor (Hipster) to my old install? Just want to see if it fits my layout/taste. Thanks! I’m loving the Elementor.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 1, 2020 at 16:59

    Hello,

    Shop page is the default WooCommerce page, it does not build by any page builder. Shop page settings you can find in Theme Options > WooCommerce > Shop.
    If you used Static Blocks to create footer then go to Elementor > Settings > enable Elementor for the Static Blocks and then re-build static blocks using Elementor.
    Elementor is cool, I like it too. Very handly.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 3, 2020 at 07:37

    Hi Olga, i made the static blocks (fashio footer copy) with Elementor already. So it’s safe to import pages from the demo? As i notice. I need to import all the pages from SHOP page to My Account, Account, etc right? Would this mess my old site? I really need some help here.

    Just want to see if some of the pages from Elementor HIPSTER or other pages would fit on my old site..

    Some things i need help as well. I hope you can check these..
    Please see private content area.

    THANK YOU GUYS!!!!

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 5, 2020 at 13:49

    Hello,

    Sorry for the delay in answering.

    1) I suppose that issue with the border could be related to animation that you set for the row/element. Try to disable the animation and check if it helps.
    Sale price color comes from the Main color the http://prntscr.com/sba0gr You set it white, so you get the white price on white bg. Change the main color to something else. In your case, white or transparent is not recommended.

    2) Customizer > WooCommerce > Product Images > change the product thumbnails width. At this moment it’s less than image block width. Read more about WooCommerce image settings here https://docs.woocommerce.com/document/fixing-blurry-product-images/

    3) Go to Theme Options > WooCommerce > Single product > Single product layout > Fixed Added To Cart Message > On http://prntscr.com/sba4uf It’s possible to change the bg color using custom CSS

    .sticky-message-on .content-page .woocommerce-message, .sticky-message-on .content-page .woocommerce-error, .sticky-message-on .content-page .woocommerce-info, .sticky-message-on .content-page .dokan-info, .sticky-message-on .content-page .mc4wp-alert {
        background-color: #000 !important;
    }

    4) To enable off-canvas add to cart you need to create header using header builder https://www.youtube.com/playlist?list=PLMqMSqDgPNmDu3kYqh-SAsfUqutW3ohlG and edit Cart element and enable Off-Canvas type in element setting.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 11, 2020 at 14:41

    1) I suppose that issue with the border could be related to animation that you set for the row/element. Try to disable the animation and check if it helps.
    Sale price color comes from the Main color the http://prntscr.com/sba0gr You set it white, so you get the white price on white bg. Change the main color to something else. In your case, white or transparent is not recommended.

    Hi, i fixed the border issue when i changed to Elementor. I made a fresh page for the main page. The border problem in the buttons was gone after.

    Where can i fix the price text? Can I fix this in customizing settings or should i add a custom css? I want the sale price to be the same as the default color on pricing on all pages.

    2) Customizer > WooCommerce > Product Images > change the product thumbnails width. At this moment it’s less than image block width. Read more about WooCommerce image settings here https://docs.woocommerce.com/document/fixing-blurry-product-images/

    This is fixed already. Thanks!

    3) Go to Theme Options > WooCommerce > Single product > Single product layout > Fixed Added To Cart Message > On http://prntscr.com/sba4uf It’s possible to change the bg color using custom CSS

    This isnt working on my end. Not sure why. The Fixed Added to Cart message won’t show. Only the Off Canvas in the right sidebar are working when i try to add an item to cart. What supposed to be the problem?

    I will add the custom css when the message is fixed.

    4) To enable off-canvas add to cart you need to create header using header builder https://www.youtube.com/playlist?list=PLMqMSqDgPNmDu3kYqh-SAsfUqutW3ohlG and edit Cart element and enable Off-Canvas type in element setting.

    This is working now. Not sure why the Fixed Added To Cart message is not working. Can you help me fix this? Thanks

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 12, 2020 at 16:11

    Hello,

    1) Go to Theme Options > Styling > change the main color to any other than white.
    2) You are welcome.
    3) Provide us with WP Dashabord access to your site. We’ll check.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 13, 2020 at 05:10

    Hi Olga,

    1. Is fixed already. 🙂
    3. Sending you in private content

    I just noticed some issue on my SHOP page. I can see again the problem with the button (Add to cart) border missing at the bottom..

    http://prntscr.com/sfqxsk

    Also, the sticky header isn’t working right when scrolling up/down. How can i fix this?

    That problem with button border is beyond my knowledge. But if you can tell me how to fix it let me know. I’ve been able to fix the problem on the main page. Not sure how to fix this on SHOP page.

    Thanks

    Please contact administrator
    for this information.
    Avatar: John Holden
    John Holden
    Support staff
    May 13, 2020 at 06:22

    Hi,

    3. Our developer will check it

    4. Border

    – It still working for me https://prnt.sc/sfrmhn

    5. Sticky

    – That’s because of admin bar. Try below code

    body.logged-in #header.sticky-on:not([data-type="sticky"]) > [class*=header-wrapper],
    body.logged-in#header > [class*=header-wrapper] .sticky-on > div {
        top: 32px;
    }

    Regards,
    Hung PD

    Avatar: Jef
    filmguerilla
    Participant
    May 13, 2020 at 08:33

    Hello,

    The problem with the add to cart button bottom problem is on google chrome only and this is random in products. Not sure what causing this problem..

    Maybe because of the settings? I’ve been able to fix this problem on the mainpage when i built the main page from scratch to transition to elementor. Now the SHOP page i haven’t toouched that eversince.. The problem might be from the old template (FASHION)

    ABout the sticky header. Will try to fix it in the theme before adding that. But this was working before the update? Why is that?

    Avatar: Jef
    filmguerilla
    Participant
    May 13, 2020 at 09:30

    Hi The Hung,

    I’m working on 2 Xstore sites. The other xstore site header sticky is fine even if i’m logged in / with admin bar. How come with the other site? It’s broken?

    Thanks

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 13, 2020 at 17:32

    Hello,

    1) We were able to reproduce the problem with the add to art border on our test installation. Our developers work to fix this and include a fix to the next theme update.

    2) Do you have a top header enabled on the site without problem? What type of the fixed header do you use there: sticky or smart?

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 14, 2020 at 11:46

    1) We were able to reproduce the problem with the add to art border on our test installation. Our developers work to fix this and include a fix to the next theme update.

    Hi Olga.. This is annoying. I can’t see this problem with the other site i’m developing right now. Looks like it’s a problem from an old demo? As i’m developing two sites with XSTORE. The one with this problem was from way old. How can we fix this with the next update?

    2) Do you have a top header enabled on the site without problem? What type of the fixed header do you use there: sticky or smart?

    I will check this in a bit.

    Avatar: Jef
    filmguerilla
    Participant
    May 14, 2020 at 12:26

    Hi Olga,

    Regarding the Header scroll. Both 3 settings still have problem logged in.. No problem if user is not.But this is weird. The other site i’m developing works fine. Logged or not…

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 14, 2020 at 15:23

    Hello,

    1) Add the below code to Theme Options > Custom CSS

    .content-product .button {
      -webkit-backface-visibility: visible;
      backface-visibility: visible;
    }

    Let me know if it helps.

    2) I suppose that the fixed header script ignores the admin bar height to calculate the position of the top/main/bottom header. Could you provide us with link to site where it works(width access) to check?

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 16, 2020 at 13:41

    Hello. Still having problem. Please check private content for the details

    Please contact administrator
    for this information.
    Avatar: Jef
    filmguerilla
    Participant
    May 17, 2020 at 12:22

    Hi Olga,

    FOr what fix is this? The add to cart button border problem? This border problem in my shop shows in a few pages and products.. Kinda annoying. Any fix for this soon?

    .content-product .button {
      -webkit-backface-visibility: visible;
      backface-visibility: visible;
    }
    Avatar: Jef
    filmguerilla
    Participant
    May 17, 2020 at 12:23

    Header for my online record shop is still broken on sticky.. 🙁

    Avatar: Jef
    filmguerilla
    Participant
    May 17, 2020 at 14:17

    Hi, the other site i’m working on. After changing the logo. It’s now the same with the other site i’m developing. hahahaha Looks like there is a problem with logo size when uploading a new one. Anyone?

    http://prntscr.com/sie7v7

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 18, 2020 at 15:56

    Hello,

    1) Code that I provided was for the border button fix. I have added it to child theme style.css and don’t see the issue with border any more https://gyazo.com/7da2a6b131b05ade0b84720dca4c6f83
    2) I would ask you to create separate topics for different issues to avoid misunderstanding. Don’t mix all the issues in one topic, please.
    3) Check the sticky header http://onthecornermanila.com/dev2/ now.
    4) Add the following code to child theme custom CSS

    .admin-bar #header.sticky-on:not([data-type="sticky"]) > [class*=header-wrapper], .admin-bar #header > [class*=header-wrapper] .sticky-on > div {
        top: 30px;
    }

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 19, 2020 at 15:16

    Hi Olga, Was the border problem in add to cart on pages fixed in the new update? Should i update 2 two sites to the new version?

    Thanks a lot!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 19, 2020 at 19:00

    Hello,

    Yes, it was fixed. Update sites.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 21, 2020 at 12:55

    Thanks! Will update the 2 sites later on.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 21, 2020 at 17:16

    Hello,

    Ok. You are welcome.

    Regards

  • Viewing 27 results - 1 through 27 (of 27 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.