Return to previous page

Add to cart not available in single product builder

This topic has 62 replies, 3 voices, and was last updated 1 years, 3 months ago ago by Rose Tyler

Rose Tyler

Support staff

July 11, 2023 at 12:42

Hello,

We can’t give you the correct code just from the screenshot, sorry. We do not have this problem on our test site. Try to disable 3rd party plugins on your site, maybe the problem is caused by one of them, or contact us once your site will be live, so we can inspect the code.

Kind Regards,
8theme team

#361751 Copied

brndvnrdn

Participant

July 11, 2023 at 12:57

Okay, thanks for the help. I will get back to you when live.

#361752 Copied

Rose Tyler

Support staff

July 11, 2023 at 13:35

Hello,

Thank you for understanding.

Kind Regards,
8theme team

#361754 Copied

brndvnrdn

Participant

July 16, 2023 at 14:43

I have one more question: I’m trying to change the styling of the breadcrumbs on the cart & checkout page, but when I adjust the controls there is no change. What could cause this ?

https://prnt.sc/f8pDYNcYmTYe

#362065 Copied

brndvnrdn

Participant

July 16, 2023 at 15:06

Also, on mobile, the header suddenly becomes white when scrolling back up to the page. I believe all the colors are set correct though. How can I adjust this color (to black or transparent?)

https://prnt.sc/VTC8hAEaySIu
https://prnt.sc/0v1QA_xw-6Re

#362066 Copied

Rose Tyler

Support staff

July 16, 2023 at 15:23

Hello, @brndvnrdn,

1/ From your screenshot the Breadcrumbs is disabled for all pages – https://prnt.sc/sddbQ-NNRMzb , but it is shown on cart & checkout pages, because of the layout for them. Please go to Theme Options > WooCommerce > Cart/Checkout Layout > Advanced Layout > Off. Then enable the Breadcrumbs via Theme options > Breadcrumbs https://prnt.sc/yRDwlhSHzsyk or via settings for pages – https://www.8theme.com/documentation/xstore/theme-installation/8theme-page-post-layout-settings-8theme-post-options/

2/ Please go to Header builder > Mobile > Sticky header > change backgroud color https://prnt.sc/CgGlgUUkKGhF

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

#362067 Copied

brndvnrdn

Participant

July 16, 2023 at 15:39

Thank you. #2 works great.

For the breadcrumbs I should specify: I mean the 1, 2, 3 with Shopping cart, checkout, order status etc. They are labeled as breadcrumbs in my xstore.

How can I change the padding here ? They are now positioned a bit weird.

https://prnt.sc/u9vnGew3jBFr

And where can I change the text color for Quantity input form, coupon code input form etc? They are a bit difficult to read now.

https://prnt.sc/eTYMbpw81WCQ

#362068 Copied
Rose Tyler

Support staff

July 16, 2023 at 16:05
Hello, @brndvnrdn,

Please try to use the next custom CSS code:
```
[data-mode=dark] .cart-checkout-nav {
    margin-bottom: 35px !important;
}
```
```
select, input::placeholder, textarea::placeholder{
    color:white;
}
```
Kind Regards,
8theme team
#362069 Copied
brndvnrdn

Participant

July 19, 2023 at 13:48

Thanks. Do you have css to make all the greyish text in my checkout form white ? I tried to adjust using css myself but cannot find the right elements.

https://prnt.sc/YZ45ONUT5S5n

#362368 Copied
Rose Tyler

Support staff

July 19, 2023 at 14:08
Hello, @brndvnrdn,

To be able to give you correct CSS code we need to inspect the code on of mentioned content on your site. Please contact us once your site will be live.
Or try the next code:
```
.woocommerce-checkout-review-order p, .woocommerce-checkout-review-order span, .woocommerce-checkout-review-order label {
    color: white !important;
}
```
Kind Regards,
8theme team
#362369 Copied
brndvnrdn

Participant

July 22, 2023 at 14:08

Hi there, the website is now live at http://www.singularaudio.net I was wondering if you could help me with some things that I asked for previously.

Double navigational arrows and closing x in lightbox on single product page ? https://www.singularaudio.net/shop/f-48-microphone/

Make all the greyish text at checkout form white ? (text at shipping and payment methods?)
And also my last name checkout form all of a sudden seems to have moved to the right after migrating the website.
https://prnt.sc/8JKfHJpv8DLH

Sticky add to cart button on single product page ?
https://prnt.sc/S3EF1dtLpT7z

Thank you ! 🙂

#362665 Copied
Rose Tyler

Support staff

July 23, 2023 at 10:50
Hello, Brndvnrdn,

Thank you for getting in touch with us.

1/ Please use the next custom CSS code to remove duplicates:
```
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before,
button.pswp__button {
    background-image: none !important;
}
```
2/
```
html {
    color: white;
}
```
.form-row-first, .form-row-last {width: 100%;padding: 0px;}
3/ Single Product Builder > Add to Cart > Sticky Cart > On.

Kind Regards,
8theme team
#362695 Copied
brndvnrdn

Participant

July 23, 2023 at 16:03

Thank you Rose.

I have another question for the styling of the checkout page:

1a. Is it also possible to have the text ‘Card number’, and the other payment methods in white (iDeal, SEPA, etc.). ? It is now a bit unclear.

1b. Can the shipping methods display be wider ? Now they are formatted a bit weird.

https://prnt.sc/tL1WnB_BVUQ5

2. When I open the single product page on mobile it scrolls down to the Reviews/Tabs automatically. How can I turn this off ?

Thanks.

#362709 Copied

Rose Tyler

Support staff

July 23, 2023 at 16:44

Hello, Brndvnrdn,

1a. Have you added this code https://prnt.sc/eMkuG8g9Skfz ? Could you provide temporary wp-admin access?

1b. Provide temporary wp-admin access, that we can use and see the mentioned result.

2. Please provide FTP access, we need to check the situation with scroll more deeply (FTP host, FTP username, FTP password, FTP port, FTP encryption). To create FTP access, please contact your hosting provider for assistance.

Kind Regards,
8theme team

Please contact administrator
for this information.

#362710 Copied

brndvnrdn

Participant

July 24, 2023 at 09:23

1a. Yes, I’ve added the css and cleared cache. However still the same color unfortunately. https://prnt.sc/5mMWBPP2eI6E

1b. WP-admin credentials are in the private content area.

2. FTP login credentials are in the private content area.

Many thanks for your help.

Please contact administrator
for this information.

#362749 Copied
Rose Tyler

Support staff

July 24, 2023 at 15:33
Hello, Brndvnrdn,

1/ Please change the code to:
```
.payment_box .wc-stripe-gateway-container {
    background: #fff;
    padding: 10px;
}
.payment_box .wc-stripe_cc-new-method-container {
    margin-bottom: 0;
}
```
2/ We do not see the situation from your screenshot on the site.
How we can recreate it? https://prnt.sc/tL1WnB_BVUQ5 with the credentials you provided?
We did changes in
/themes/xstore-child/woocommerce/cart/cart-shipping.php Please clear the cache and check how the mentioned table is displayed now.

3/ We added the next code in your child-theme/functions.php
add_filter('etheme_autoscroll_single_tabs_on_mobile', '__return_false');
Please, check your Single product from mobile now (don’t forget to clear the cache of your browser).

Kind Regards,
8theme team
#362805 Copied
brndvnrdn

Participant

July 24, 2023 at 16:12

1. Sorry, I should clarify: I only want the text for the payment methods white. Only the text (not the text inside the forms. Now the background is white in that box/container. https://prnt.sc/U8UpQbY8yh-A

All the other stuff works now, thanks 🙂

#362819 Copied
Rose Tyler

Support staff

July 25, 2023 at 08:08
Hello, Brndvnrdn,

Thank you for your response.

Color of the text here https://gyazo.com/23d1a06aca18ce266712a261e54e9830 can’t be changed using custom CSS, because the content inside an iframe, if you do not like our solution – https://prnt.sc/t9B4rDSdi2f4 , please contact support of plugin that adds this content on the checkout page, because it is not from our theme.

For https://prnt.sc/0S4xg-bfrHz1 the next code can be used:
```
#payment .payment_methods label, #shipping_method label {
    color: white;
}
```
Kind Regards,
8theme team
#362889 Copied
brndvnrdn

Participant

July 25, 2023 at 11:25
I see, there was an option in the payment plugin which I didn’t know existed and the credit card info looks great now.

Is there a possibility to change the text for payment method iDeal to white ? (You can see the payment method when selecting shipping method to Netherlands).
https://prnt.sc/Bul3RamXeS2z

I’ve tried using CSS but nothing’s working for some reason. When I use this in the inspector it changes the color but when I add it to ‘custom css’ it’s not updating the color.
```
.ElementsApp,
.ElementsApp .SelectField,
.ElementsApp .SelectField-control {
  color: white;
}
```
#362922 Copied
Rose Tyler

Support staff

July 25, 2023 at 14:28

Hello, Brndvnrdn,

1/ Thank you for letting us know.

2/ Content is inside an iframe, so custom CSS can’t be used. You need to find out from what plugin this content comes and then contact support of the plugin.

Kind Regards,
8theme team

#362940 Copied

brndvnrdn

Participant

July 26, 2023 at 10:17

Thanks, I’ve asked the plugin developer.

Website is live now at my intended url. I was wondering if on the testimonials page http://www.singularaudio.nl/testimonials what css I can use to make the ‘author’ text smaller ? In elementor the styling doesn’t seem to work. Thanks.

https://prnt.sc/CcljB_LpSqCf

#362998 Copied
Rose Tyler

Support staff

July 26, 2023 at 10:38
Hello, Brndvnrdn,

Thank you for getting in touch with us.

The next custom CSS code can be used:
```
.etheme-blockquote .author {
    font-size: 15px;
}
```
Kind Regards,
8theme team
#363002 Copied
brndvnrdn

Participant

July 26, 2023 at 22:32

Hi Rose,

All of a sudden my logo is not displaying anymore in my header on singularaudio.nl . When I open the image in a new tab I can’t load the image as well and get an errorL ERR_SSL_PROTOCOL_ERROR

SSL certificate was fine however before and logo was working. What could be the problem?

edit: needed some url updating in the database.

#363057 Copied

Rose Tyler

Support staff

July 27, 2023 at 07:31

Hello, Brndvnrdn,

We are glad that you sorted it out.

Kind Regards,
8theme team

#363075 Copied
brndvnrdn

Participant

August 3, 2023 at 15:07
Sorry, regarding the autoscroll on mobile, where do I add the code? It needs to be added again and I can’t seem to get it working. Child theme functions.php is now:
```
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', 1001 );
function theme_enqueue_styles() {
	etheme_child_styles();
}
add_filter('etheme_autoscroll_single_tabs_on_mobile', '__return_false');
```
edit: got it to work after closing the php tag
#363607 Copied
Rose Tyler

Support staff

August 3, 2023 at 15:42

Hello, Brndvnrdn,

We are glad that you sorted it out.

Kind Regards,
8theme team

#363617 Copied

brndvnrdn

Participant

August 4, 2023 at 10:01

For the single product page, I now have a connection block with add to cart, quantity, price, etc.

On desktop it looks great. https://prnt.sc/R-KCcbNzf87a

But on mobile I would like to have it split vertical. Is it possible ? What’s the easiest way to do this? https://prnt.sc/QoZO2RKcXEbG

I tried the option ‘vertical block’ but then it also does it on desktop.

#363684 Copied

Rose Tyler

Support staff

August 4, 2023 at 10:14

Hello, Brndvnrdn,

Thank you for getting in touch with us.

There is no such option, but custom CSS code can be used.

Please provide URL of product from your site.

Kind Regards,
8theme team

#363687 Copied

brndvnrdn

Participant

August 4, 2023 at 10:15

Hello, here is the url: http://www.singularaudio.nl/shop/tubedrve

#363688 Copied
Rose Tyler

Support staff

August 4, 2023 at 10:39
Hello, Brndvnrdn,

Thank you for your response.

Please try the next code:
```
@media only screen and (max-width: 480px) {
    .single-product-builder .et_product-block form.cart .quantity-wrapper:before {
        display: none;
    }
    .single-product-builder .connect-block-element-Cfiym {
        flex-direction: column !important;
    }
    .single-product .stock {
        padding-right: 0px;
    }
}
```
Kind Regards,
8theme team
#363690 Copied
Tagged: add to cart, persuasive, product builder, single product, template, woocommerce, wordpress
1 2 3

Viewing 60 results - 31 through 60 (of 62 total)