Return to previous page

I want to edit single product builder that can add custom section or add a Background.

This topic has 6 replies, 2 voices, and was last updated 1 years, 11 months ago ago by Tony Rodriguez

Fernez

Participant

November 28, 2022 at 17:05

Hello,

due I just use the single peoduct builder of your theme instead of using elementor theme builder, I tried to working with the kit that included with your theme.
but I just met some problem which I don’t know how to add this or that.
Here is my ref that I have to do (https://www.imagevenue.com/ME15NGKN)

Can you help to tell me where to:

1. edit the form cart element to have [ + ] , [ – ] quantity of product?
2. how can I custom the ‘Buy now’ text and style?
3. Is it possible to edit product’s tab to look like in my picture above?
4. how can I add background image for this page?

Thank you.

Please, contact administrator
for this information.

#339933 Copied Theme version: 8.3.7

5 Answers
Tony Rodriguez

Support staff

November 29, 2022 at 06:13
Hello, @Fernez,

1- I have checked and confirmed that the settings are set to fine there must be a third-party plugin that conflicts and causes the issue. kindly activate the parent theme first and please try to disable all the third-party plugins (including cache plugins), that do not come bundled with XStore https://www.8theme.com/documentation/xstore/plugins/included-plugins/ , clear the cache of the browser, and check then. Maybe one of the additional plugins is the reason for the problem.

And if the issue will still persist then please remain all the third-party plugins deactivated on your site and allow us to debug your site in deep to find the cause of the issue.

Note: Please take a complete backup of your site first.

2- To style the buy now button simply navigate to the Dashboard >> XSTORE >> Theme Settings >> WooCommerce >> Single Product Builder >> Add to cart & Quantity see the image: https://postimg.cc/0K6bKHTF and to change the text you have to translate it there is no option to change the text in the theme. Please check this article to know how to translate: https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/

3- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.
```
.element-nnrkj.et_column.et_product-block.mob-full-width.mob-full-width-children.justify-content-start{background:white !important;}
.woocommerce-tabs .wc-tab{background: #033f88 !important;}
.woocommerce-tabs{border:0px !important;}
.woocommerce-tabs.type-folders.horizontal .wc-tabs .et-woocommerce-tab{border-radius:10px 10px 0px 0px !important;}
```
Then save settings and check back to your site after clearing the browser cache.

4- You have to use the custom CSS code for this purpose too. To know how to set a background image using CSS code please check this: https://www.w3schools.com/cssref/tryit.php?filename=trycss_background-image

Regards 8Themes Team.
#339954 Copied
Fernez

Participant

November 30, 2022 at 04:43

Hello,

I have tried first solution in (1.), but it seem not working so I also try deactivate single product builder and use elementor’s theme builder the form add to cart still not have quantity button [ – ] , [ + ]

Here is my ref that I have to do (https://www.imagevenue.com/ME15NGKN)

Please help take a look in my dashboard, info is in private content.

Regards.

Please contact administrator
for this information.

#340044 Copied

Tony Rodriguez

Support staff

November 30, 2022 at 06:51

Hello, @Fernez,

Actually, The issue appeared because in the products you have set the “Sold Individually” see the image:https://postimg.cc/Yvn6GL2W that’s why the quantity button doesn’t appear I just uncheck this so now users are able to purchase items more than 1 item and the button start appear on the site see the image: https://postimg.cc/pyrprchq now please check back to the site after clearing the browser cache. Here is the URL of the product that you shared with us: https://eyok.happywebby.com/product/google-nest-hello-smart-wi-fi-video-doorbell/

Regards 8Themes Team.

#340057 Copied

Fernez

Participant

November 30, 2022 at 14:39

Hello,

Thank so much you now the quantity is back!

Please help me a little more, it would be my last question, I’m sorry that I trouble your time but I tried edit the buy now element to stay close with add to cart element, tried css but I can’t fixing this
my ref that I want to do (https://postimg.cc/c6Xx0rPv)

can you help me edit this css of these button, Thank you so much.

Regards.

Please contact administrator
for this information.

#340141 Copied
Tony Rodriguez

Support staff

November 30, 2022 at 14:51
Hello, @Fernez,

Please copy and paste the below given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site now after removing the browser cache.
```
.single_add_to_cart_button~.et-or-wrapper {
    display: none !important;
}
```
Regards 8Themes Team.
#340144 Copied
Tagged: backgrounds, customize, product builder, sections, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)