Installing theme in pre existing wordpress woocommerce website.

This topic has 51 replies, 3 voices, and was last updated 1 years, 2 months ago ago by Arbadev

  • Avatar: Arbadev
    Arbadev
    Participant
    August 2, 2023 at 14:35

    Hey there, I have an existing website to revamp. I loved the Organic-Cosmetics theme and wanted to try it. How can I go about doing it? Should I stage the existing site locally and just install the theme? Would it work? Please let me know, I have a deadline to follow.

    50 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 2, 2023 at 15:06

    Hello, Arbadev,

    Thank you for getting in touch with us.

    You can just upload the XStore theme via Appearance > Themes and activate it on the site. If your site is live, create a staging site (full copy) and activate the XStore there first.

    Some 3rd party plugins may cause compatibility problems, so we would recommend disabling such plugins first, and then enabling them one by one, for example, disabling the Kirki plugin if it was activated. Here you can find a list of required plugins – https://www.8theme.com/documentation/xstore/plugins/included-plugins/ .

    If we talking about step-by-step inіtruction, it can be:
    1/ Create a staging website with a full copy of your existing website
    2/ Install the XStore theme on the staging website
    3/ Check the difference in design and elements (our theme provides its own Elementor widgets -> https://xstore.8theme.com/elementor/demos/minimal-fashion02/design-elements/ and WPBakery ones)
    4/ For example: If you had in your previous theme the Products element on the page then you should use our one instead of the old and it relates to other elements that don’t come built-in with Elementor/WPBakery builders.
    5/ You can add custom CSS if you need to make something restyled to an old-theme design.

    Anyway, everything is quite simple but you will need to spend some time for migration one theme to another.

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: Arbadev
    Arbadev
    Participant
    August 2, 2023 at 15:41

    Thanks for the quick reply Rose, I appreciate it. I will get back here if I get issues while customizing.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 3, 2023 at 06:57

    Hello, Arbadev,

    You’re welcome!

    Kind Regards,
    8theme team

    Avatar: Arbadev
    Arbadev
    Participant
    August 3, 2023 at 10:13

    Hello Rose,

    When I am trying to uploading .webp files, it doesn’t support it. I have tried using webp support plugins, it doesn’t work. Also tried editing functions.php file and adding webp support code, again doesn’t work. I wanted to ask if some extra configuration needed due to the xstore theme? Let me know.

    Thank you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 3, 2023 at 10:28

    Hello, Arbadev,

    Thank you for getting in touch with us.

    You may try third-party plugin, for example, https://wordpress.org/plugins/webp-express/ or similar. It does not depend on the theme but on WordPress https://www.wpbeginner.com/wp-tutorials/how-to-use-webp-images-in-wordpress/

    Kind Regards,
    8theme team

    Avatar: Arbadev
    Arbadev
    Participant
    August 3, 2023 at 15:20

    Hello Rose,

    Thanks for the above reply.
    One more thing, Everytime I edit something or make some changes. It doesn’t reflect on the website. After every change I have to clear my browsing data, then it reflects. I never had to do this with other themes. Is it exclusive to Xstore and is there a fix?

    Thanks you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 3, 2023 at 15:27

    Hello, Arbadev,

    Thank you for getting in touch with us.

    Please temporarily disable next options: Memu cache, Static blocks cache, Remove Query Strings From Static Resources (in Theme Options > Speed Optimization).

    Kind Regards,
    8theme team

    Avatar: Arbadev
    Arbadev
    Participant
    August 4, 2023 at 08:49

    Hello Rose,

    I am not able to edit the shop page using elementor, how can I do that?
    If I create a new shop page and assign it, then would it work exactly like it should.

    Also I have tried using the ‘Products’ element to showcase products. The issue is it asks for a product limit. I don’t want to limit it, it should display all the products available and based on filters if applied.

    I need every filter or sorting feature available. Is it inclusive in the theme or I need to install some extra plugin.

    Basically I want a good archive page, let me know your suggestions.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    August 4, 2023 at 09:03

    Hello, @Arbadev,

    The shop page is a catalog page for products that cannot be edited using Elementor by default.
    If you are using Elementor Pro, please refer to the plugin documentation for instructions on how to edit the shop page: https://elementor.com/help/creating-a-woocommerce-archive-template/.

    Elementor plugin has 2 versions: free and Pro. Elementor plugin author does not offer a developer license for the Pro version and does not allow to built-in Pro version of plugin to themes. So, you are able to use the free version of the Elementor but in case you want to get the Pro version you will need to buy an individual license, our theme supports Elementor Pro, but questions about Elementor Pro functionality you need to forward to authors of the plugin.

    Elementor Pro is not required to edit the product archive (Shop) in our theme. All settings you can find in Theme Options > WooCommerce.

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: Arbadev
    Arbadev
    Participant
    August 4, 2023 at 09:21

    Hey Tony,

    1.If I create a new shop page and assign it, then would it work exactly like it should.

    2.Also I have tried using the ‘Products’ element to showcase products. The issue is it asks for a product limit. I don’t want to limit it, it should display all the products available and based on filters if applied.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    August 4, 2023 at 10:05

    Hello @Arbadev,

    1. No, if you create a new Shop page using the Elementor Free page builder and assign it as the Shop page, it will automatically take on the Shop archive page layout and functionality by default.

    2. We suggest that you select “Product Type All” under the Query in the Products element and try again. Please refer to the screenshot provided: https://postimg.cc/CZDz6ckQ

    Best regards,
    8Theme’s Team

    Avatar: Arbadev
    Arbadev
    Participant
    August 4, 2023 at 13:00

    Hello Tony, thanks for the above reply.

    No matter what element I use there is some issue. I don’t want to limit the number of products in the product archive page, but show all products. But without product limit it doesn’t work. I am using ‘Product Grid’ for products archive. Refer to this loom video https://www.loom.com/share/26221853328b4d49825a41690e708efc.

    Thanks.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2023 at 13:22

    Hello @Arbadev,

    Thank you for your response.

    To show all products, just set the limit -1 https://prnt.sc/ywWS0fPRrzaq

    Best regards,
    8Theme’s Team

    Avatar: Arbadev
    Arbadev
    Participant
    August 4, 2023 at 15:02

    Hello there,

    The shop page which came with your theme is not editable by elementor. I created a new page and edited as per my requirement as product archive. When I assigned it has the shop page, everything breaks. Please, let me know how can I create my custom shop page.

    Thank you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2023 at 15:11

    Hello @Arbadev,

    Thank you for your response.

    “The shop page which came with your theme is not editable by elementor” – this is independent of the theme, you can activate the default WooCommerce theme – Storefront and you will get the same.
    The shop page is a catalog page for products that cannot be edited using Elementor by default. To be able to edit the Shop page using Elementor, you need a Pro version of the plugin, and this is independent of our theme.

    If you are using Elementor Pro, please refer to the plugin documentation for instructions on how to edit the shop page: https://elementor.com/help/creating-a-woocommerce-archive-template/.

    Elementor plugin has 2 versions: free and Pro. Elementor plugin author does not offer a developer license for the Pro version and does not allow to built-in Pro version of plugin to themes. So, you are able to use the free version of the Elementor but in case you want to get the Pro version you will need to buy an individual license, our theme supports Elementor Pro, but questions about Elementor Pro functionality you need to forward to authors of the plugin.

    Elementor Pro is not required to edit the product archive (Shop) in our theme. All settings you can find in Theme Options > WooCommerce.

    Best regards,
    8Theme’s Team

    Avatar: Arbadev
    Arbadev
    Participant
    August 8, 2023 at 07:23

    Hello @Rose Tyler,

    Thanks for the above response.
    I have another query, I want to import one of the coming soon pages from Xstore’s coming soon demos. How do I do that? I can’t see the copy live feature there. Also the coming soon element is no more available I guess.

    Thank you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 8, 2023 at 08:40

    Hello @Arbadev,

    Thank you for your response.

    “I want to import one of the coming soon pages from Xstore’s coming soon demos” – please provide URLs of the desired pages.

    If a page was created using WPBakery the next video will be helpful – https://youtu.be/wkIKN2IyEZI
    In case, you are using Elementor, it is not recommended to activate WPBakery at the same time.

    “Also the coming soon element is no more available I guess.” – where did you see this element? We have only Countdown timer – https://xstore.8theme.com/elementor/demos/minimal-fashion02/countdown-element/

    Best regards,
    8Theme’s Team

    Avatar: Arbadev
    Arbadev
    Participant
    August 8, 2023 at 08:49

    Hello @Rose Tyler,

    This the maintenance page I wish to import and it is created by Elementor which is what I am using- https://xstore.8theme.com/elementor/demos/under-construction-coming/

    https://xstore.8theme.com/elementor/demos/minimal-fashion02/design-elements/, on this page if you search coming soon, it shows the result but its not usable or viewable.

    Thank you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 8, 2023 at 09:06

    Hello @Arbadev,

    We appreciate your prompt response.

    1/ Please install Slider Revolution plugin https://www.8theme.com/downloads , then go to Import demos > https://prnt.sc/Gw8pPccIwEIN
    After the import, you will get the Home page, click here https://prnt.sc/dmYxQMuL3FaC and change the date https://prnt.sc/0sF1x7Erbtfu

    2/ This is not an element, this block https://prnt.sc/U3h435NxsXX0 was added just for the good-looking grid and means that we will add more own elements in the future.

    Best regards,
    8Theme’s Team

    Avatar: Arbadev
    Arbadev
    Participant
    August 9, 2023 at 09:11

    Hello @Rose Tyler,

    Thanks for the above response.

    I also wanted to change the font-family on the entire site. I did that from Themo options -> Typography. But still all the fonts have not been changed. Is it that the elements created by elementor won’t have any effect of the above changed settings? Is there some way I can bypass it to the entire site. I thought of changing code from theme editor -> style.css. But can’t find any code there. Please let me know if there is any fix. Thank you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 9, 2023 at 10:15

    Hello, Arbadev,

    We appreciate your prompt response.

    Elementor has global settings for Typography https://elementor.com/help/how-do-i-set-global-fonts-and-colors/ and every element also.
    If you edit demo content, you will need to change the font for elements one by one. In case you create content from scratch, the global settings will be applied.

    Kind Regards,
    8theme team

    Avatar: Arbadev
    Arbadev
    Participant
    August 9, 2023 at 12:19

    Hello @Rose Tyler,

    Thanks for the above response,

    I have added megamenu animation on my site. But the problem is it fades down overlapping the header. I want it to fade down from behind the Header. How can I do that?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 9, 2023 at 15:41

    Hello, Arbadev,

    1/ You should set ‘#ecdec8’ color for your header background instead of rgba(217,241,225,0) that you have now.
    2/ You can add the next custom CSS →

    .header-main-menu .nav-sublist-dropdown:not(.nav-sublist) {
        z-index: -1 !important;
    }

    Kind Regards,
    8theme team

    Avatar: Arbadev
    Arbadev
    Participant
    August 10, 2023 at 05:43

    Hello @Rose Tyler,

    Thanks for the above response, it worked. However I wanted to get megamenu animation similar to this website https://biagiotti.qodeinteractive.com/. What I did is? added animation to the static block I created for mega menu. Was there some other way?

    Also I need to add buy now button to the products. Is there an option I need to enable? or some plugin I need to use.

    Thank you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 10, 2023 at 06:38

    Hello, Arbadev,

    Thank you for your response.

    1/ You provided the URL of a 3rd-party site, it is not our demo.
    Please note that additional customization falls beyond the purview of our basic support scope.
    If you would like to pursue paid customization services, we recommend submitting a customization request to the Codeable team via their website: https://www.codeable.io/?ref=qGTdX

    2/ Theme Options > WooCommerce > Single Product Builder > Add to cart > enable Buy now button.

    Should you have any other inquiries or issues, we encourage you to contact us without hesitation. Our support team is consistently accessible to provide assistance.

    Kind Regards,
    8theme team

    Avatar: Arbadev
    Arbadev
    Participant
    August 10, 2023 at 08:59

    Hello @Rose Tyler,

    Thanks for the above response, you’ve have been really helpful in this entire development.

    I have enabled the buy now button, it is displayed in the single product page. But I wanted to show the ‘Buy Now’ button on the products which I showcased on the home page. How can I do that? I can’t find the button in the elementor builder.

    Thank you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 10, 2023 at 09:22

    Hello, Arbadev,

    There is no such option, unfortunately.

    If you would like to request that this feature be added, you can post your request on our Taskboard at https://www.8theme.com/taskboard/. If it receives enough votes from other customers, our development team will consider adding it to one of our upcoming updates.

    Kind Regards,
    8theme team

    Avatar: Arbadev
    Arbadev
    Participant
    August 10, 2023 at 10:17

    Hello @Rose Tyler,

    Thank you for the above response.

    I was trying to use the Modal Popup element in the homepage. I want to show a quiz in a popup. So I made a template, pasted the quiz shortcode. But for some reason the quiz doesn’t work. How can I do this?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 10, 2023 at 12:20

    Hello, Arbadev,

    Please provide us with temporary wp-admin access, so we can check your settings.

    To provide wp-admin access, you can create a new user account with administrator role via the Dashboard, and provide us with the username and password via the Private Content area.

    Kind Regards,
    8theme team

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

The issue related to '‘Installing theme in pre existing wordpress woocommerce website.’' 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.