Hello, Ljimenez,

Thank you for your response.

1/
“how you know which hooks to use?” =
Because our Single product builder uses its own actions for each element. The list of actions you may find in this answer → https://www.8theme.com/topic/trying-to-add-some-extra-code/#post-265666 . The hook related to add to cart block is named → etheme_woocommerce_template_single_add_to_cart.
2/
“now i can style all that ?” =
You need to have some skills for making custom styles or ask for additional customization. We can recommend you to contact our partner → https://codeable.io/?ref=qGTdX
For this time we added for you a few lines of custom CSS in child-theme/style.css with the next result → https://prnt.sc/KtLcaQKUJ0JK

form.auction_form .plus, form.auction_form .minus {
    background: transparent;
    border: none;
    color: var(--et_main-color);
    font-size: 20px;
    padding: 0;
}

form.auction_form .bid {
    padding: 0;
    border: none;
    margin: 0 5px;
    text-align: center;
}

form.auction_form .bid_button {
    font-size: calc(var(--single-add-to-cart-button-proportion) * 1rem);
    background-color: var(--single-add-to-cart-background-color);
    color: var(--single-add-to-cart-color);
    padding: 5px 15px;
    height: auto;
    border-radius: 100px;
    min-width: 280px;
    min-height: 56px;
}

form.auction_form .bid_button:hover {
    background-color: var(--single-add-to-cart-hover-background-color);
    color: var(--single-add-to-cart-hover-color);
    border: none;
}

.et_cart-type-4 form.auction_form .bid_button:before {
    content: "\e916";
    font-family: xstore-icons;
    padding-inline-end: 5px;
}

In case you want to make some styles by yourself you can study how to make own CSS styles → https://www.w3schools.com/css/ , https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps

3/ It depends on your needs. You can make your own styles inside Theme Options (it will be saved in database as theme_mod and could be simply made as backup once you need any). In case you make styles in xstore-child/style.css you will have it in a separate css file.

Kind Regards,
8theme team

Hello, Arbadev,

You’re welcome!

Kind Regards,
8theme team

Hello, Andre,

Thank you for your response.

Problems were caused by https://prnt.sc/YBVs1xp_CPw1 , we fixed it https://prnt.sc/u2nDAe2CQGL- (unclosed font tag).

Kind Regards,
8theme team

Hello, Cristian Rodriguez,

Thank you for contacting us and for using XStore.

Please provide URL of page from your screenshot.

Kind Regards,
8theme team

Hello,

Thank you for getting in touch with us.

We do not see the problem on your site – https://prnt.sc/Gr1Fjiv03CB2

Please clear cache and check one more time.

Kind Regards,
8theme team

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

Hello, @ljimenez,

Thank you for your response.

Ok. If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

Hello, @Tom,

Thank you for your response.

It is not possible to disable this feature and it was implemented in order to prevent accidental deletion of all products.

The only way to disable it is to make changes in one of our theme files, however, this will need to be done again with each update:
xstore/js/modules/cart-page.min.js ( https://prnt.sc/DzP5iogS_U1Q )

Best Regards,
8Theme’s Team.

Hello, Stefan,

Please check the next example – https://prnt.sc/LLbPbEpgSsKI

Kind Regards,
8theme team

Hello, Ljimenez,

Thank you for contacting us and for using XStore.

1/ Does it works when our single product builder is deactivated?

2/ Does it works when not our theme but the default WooCommerce theme – Storefront is activated?

3/ Provide URL of the plugin site.

4/ Describe in more detail how exactly the plugin should work and the problem.

Kind Regards,
8theme team

Hello, Kezalkoatlj,

Please go to Appearance > Themes > Install and activate the official WooCommerce theme Storefront for a few mins and check if your issue appears with our theme only or with the default WooCommerce theme too.

Kind Regards,
8theme team

Hello, Stefan,

Theme Options > Footer > Footer Styling > Background Color

Kind Regards,
8theme team

Hello, Nicolo,

Thank you for getting in touch with us.

“where can i find this css of the special breadcrumb.” – custom CSS code can be created manually and added into Theme Options > Theme Custom CSS.

“Is it possible to get this as a static block for elementor?” – there is no such possibility, by default.

“im going to make the three steps visible for mobile aswell” – please try the next custom CSS code:

@media only screen and (max-width: 992px) {
    .cart-checkout-nav a, .cart-checkout-nav .et-icon {
        display: inline-block;
        margin: 5px;
    }
}

Kind Regards,
8theme team

Hello, Andre,

Thank you for your response.

1/ Please check Elementor typography settings also https://elementor.com/help/how-do-i-set-global-fonts-and-colors/
a/ Edit content using Elementor and change settings, for example, edit product https://prnt.sc/KR_xlLynI2BN , and https://prnt.sc/C4_XlAIIPhP9
b/ Please provide examples, so we can guide you about settings.
Use Lightshot screenshot or Gyazo tool to make screenshots and share the links here, or you can use a file-sharing service such as WeTransfer https://wetransfer.com/ to upload ready photos there and provide us with URLs.
c/ Please provide a screenshot and describe the desired result in more detail.

2/ Please clear all cache (including server cache and CDN). If this doesn’t help, temporarily disable CDN and let us know.

3/ We’ve checked your Cart page and do not see problems with Cross-Selling-Carousel design. Please check the screenshot in the Private Content area.

Thank you for your cooperation and we look forward to hearing from you soon.

Kind Regards,
8theme team

Hello, Andre,

The same error – https://prnt.sc/_3SnLyWeMFKG Please check it one more time. Try to login by yourself using the credentials you provided for us.

Kind Regards,
8theme team