Slider problems and also footer problems after editing

Hello, @levacare,

1- Actually, You just add the add to cart widget and set the button you didn’t add the product in the widget settings that is why it is showing an error. Please configure the widget settings and add a product in it so that if the user clicks on the button it will add the product to the cart you set in the widget settings. See the image: https://postimg.cc/gX0cjrjk

2- Exactly, It is a variable product which have the color options for the user to choose before adding it to the cart. So that is why when you click on the button it redirects you to the product page to choose the color variation first. If you set the color option on the home page too for the user then the user simply choose the color and add the product to the cart from the home page as well.

I have checked your site and found that you added/using the Custom Attributes in single product page, you did not choose the default attributes for the product which has been created under the WP-Dashboard >> Products >> Attributes. I have chosen the default attributes. See image here : https://ibb.co/ZdQKGWL and https://ibb.co/N6CwmhS and it will also show on the Shop/Category and home page as well.

Further, you can read this article to know how to create/add variable product: https://woocommerce.com/document/variable-product/

3- Your issue is resolved now kindly check back to your site after clearing the browser cache. See the resulting image here: https://postimg.cc/hzbS2xYr

Note: Now please generate a fresh new topic for every single new issue you will face, as this will help us to understand the issue properly and reply to the topic accordingly, multiple issues in the same topic, might create mess up and understanding issues for both of us, Thanks for your understanding.

Regards 8Themes Team.

Hello, @levacare,

1a.Your issue is resolved now, please check back to your site after clearing the browser cache. See the image for a better reference: https://ibb.co/qk6q8Zt I have removed the dropdown variations from the product as your screenshot indicates.

Now, Please note that you had the Custom Attributes in the dropdown and the default attributes as well which you created under Products >> Attributes, so Custom attribute will not show on Shop/Category Archive pages and will not work too there, as because you can only use the default attributes there. This is the default functionality.

1b. I have checked your site now and found that you did not select/choose variations colors. I have chosen/selected variations of colors it is working perfectly fine. Watch the video for a better reference here: https://www.veed.io/view/63330a1d-c363-4f8f-be60-f74928b61506?sharingWidget=true&panel=share

2. You can try with this Custom CSS, you can add the Custom CSS under XStore >> Theme Settings >> Theme Custom CSS >> Global CSS:

.etheme-wc-add-to-cart-wrapper th.label {
    width: 10% !important;
}

Regards 8Themes Team.

Hello, @levacare,

1- Your issue is resolved now kindly check back to your site after clearing the browser cache. See the resulting image here: https://postimg.cc/CzVhsJBJ

2- I have solved your issue with the help of the Custom CSS code I added in the Theme Settings >> Theme Custom CSS >> Global CSS >> at the bottom of the CSS box. See the image: https://postimg.cc/23gwcLr0 and here is the resulting image: https://postimg.cc/JtH3k7ZZ

3- Sorry to say, that it is not. Because both products are set using different widgets and every widget has different settings and stylings so you cannot make it the way as you said without customization.

You can submit a request here https://www.8theme.com/taskboard/ , so our dev team read it.

Regards 8Themes Team.

Hello, @levacare,

1- Alright, I have added a custom CSS code in order to solve it see the image: https://postimg.cc/D8D3sb5n, and your issue is resolved. Here is the resulting image: https://postimg.cc/HV1QLS1g please check back to your site after clearing the browser cache.

2- Actually, You added a custom attribute in the product see image: https://postimg.cc/dkK5KJBb and on the other product in which the colors appear fine you added the default attributes you created see image: https://postimg.cc/sMdQm1gC this is the reason you are facing the issue.

Note: Now please generate a fresh new topic for every single new issue you will face, as this will help us to understand the issue properly and reply to the topic accordingly, multiple issues in the same topic, might create mess up and understanding issues for both of us, Thanks for your understanding.

Regards 8Themes Team.

Hello, @levacare,

Alright, Now please read it carefully.

First I edit this product on your site: https://levacare.com/product/o-shaped-toilet-seat/ and then I add the attributes in it by choosing this: https://postimg.cc/6yHq25FT see this image. This is the settings I set for the attributes: https://postimg.cc/0zMkzGpH and now see the variations settings please: https://postimg.cc/pp7xM9gQ and https://postimg.cc/cvwqqF7Z

This is the settings I told you about before. But you don’t understand it. Now, here is the resulting image: https://postimg.cc/7fztbf5n

Please check back to your site after clearing the browser cache.

Regards 8Themes Team.

Hello, @levacare,

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.

#issue table td:last-child{text-align:left !important;}

Then save settings and check back to your site after clearing the browser cache.

The result will appear like this: https://postimg.cc/WDPjPfv8

Regards 8Themes Team.

Hello, @levacare,

1. Your issue is resolved now kindly check back to your site after clearing the browser cache. See the images for a better reference: https://postimg.cc/1fK6b87H and https://postimg.cc/NKJXfWc2

2. The two columns that don’t appear on mobile and tablet are because you hide them from the Elementor while editing the page see image: https://postimg.cc/Wq83Ykpq simply unhide the columns and then set the layout of this section in Elementor as per your need I hope your issue will be resolved.

Regards 8Themes Team.

Hello, @levacare,

Phone Display:

1- Actually, First of all, there is no such space in mobile to show all these three messages in the same line. Second, You created this section by using a row with three columns, and by default, only 1 column will appear on the site when viewing on mobile. This is the default layout.

2- You can set the space on the devices you want from the Elementor settings while editing the page check the image: https://postimg.cc/wtMHLPqZ

Ipad Display:

1- Again, As I said by choosing the specific device you want you can set the settings/spacing as per your need. Please check the image: https://postimg.cc/6yQNDgR3

2- There is only 1 possible solution left for this. I have disabled the section for tablet mode. Now, you have to create a new section there and show it only on the iPad. Hide the section from the mobile and desktop.

Regards 8Themes Team.

Hello, @levacare,

It is because on the iPad and mobile the language option isn’t set. So I added it on the mobile and iPad header see the image: https://postimg.cc/0Km4Ychv now your issue is resolved. Please check back to your site after clearing the browser cache.

Regards 8Themes Team.

Hello, @levacare,

Upload your favicon in Theme Options > Site Identify https://prnt.sc/26931qk

Please read our theme documentation as well here: https://xstore.helpscoutdocs.com/article/64-how-to-add-custom-favicon

Regards 8Themes Team.