Return to previous page

Add to cart not available in single product builder

This topic has 62 replies, 3 voices, and was last updated 8 months, 4 weeks ago ago by Rose Tyler

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 4

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