Return to previous page

Topic: Buy Now Button - by sanper - on WordPress WooCommerce support

sanper

Participant

May 18, 2021 5:26 pm

I want to take the add to cart and buy now button to the same row. Please help me
forttune.lk
Site URL: hidden
Theme version: 7.2.9

#288020 copied to clipboard
Olga Barlow

Support staff

May 18, 2021 6:39 pm
Hello,

Add the below code to Theme Options > Custom CSS

.et-or-wrapper { display: none; } .single-product .single-product-builder .single_add_to_cart_button.button { margin-right: 15px; }

Regards
#288030 copied to clipboard
sanper

Participant

May 19, 2021 3:44 am

Thanks it fixed and now i want the buy now button to be same width as the add to cart button and to create the add to wish list also as a button. Tried to fix the buy now button but i cant read the class of the buy now button properly

By the way I am using xstore as my ecommerce theme and i found that the wish list icon is not showing properly. I always add a CSS and hide it. May i know a way of fixing that as well

#288054 copied to clipboard

sanper

Participant

May 19, 2021 4:22 am

2. And I want to add a specification tab with a table of specifications that can be edited from product to product. I added a tab but it can only upload a custom HTML. I want to change it from product to product.

This is the table that I want to develop and tabs should be like this https://prnt.sc/133jq11

Better if i can make the same here.

#288055 copied to clipboard

sanper

Participant

May 19, 2021 5:49 am

3. I want to align the tabs content to center but it doesn’t work properly. Why is that First it was right aligned but now its not working anymore. I want to center it but its not working anymore.
I tried with adding a section and and deleting the default section still it doesnt work

https://prnt.sc/133oz4m

http://forttune.lk/product/laptop/

Tried with css as well
.woo-commerce tabs{
align-content: center;
}

still doesnt work

#288059 copied to clipboard

sanper

Participant

May 19, 2021 8:05 am

4. My single product page is now left aligned. Why is that?

I want to center all the content in the middle. I set the content width of all the sections to 80% now my page is left aligned. Please help this is urgent

https://prnt.sc/133wm9n

#288077 copied to clipboard
Olga Barlow

Support staff

May 19, 2021 8:11 am
Hello,

1) Replace

.single-product .single-product-builder .single_add_to_cart_button.button { max-width: 172px; }

with

.single-product .single-product-builder .single_add_to_cart_button.button { margin-right: 15px; max-width: 172px; }

Go to YITH > Wishlist > Wishlist page settings and choose the icons for the button

2) You can use the table HTML in the single product custom tab while create your product. Or you can create product attributes https://prnt.sc/133wu9x and then it will be displayed under the Additional Information tab like a table.

3) Edit tabs element https://prnt.sc/133wwcz and choose the alignment of the tabs title in the element settings without custom CSS.

Regards
#288080 copied to clipboard
sanper

Participant

May 19, 2021 8:26 am

Hi need answer to this please. Struggling with this problem now

https://www.8theme.com/topic/buy-now-button-4/#post-288077

#288084 copied to clipboard

Olga Barlow

Support staff

May 19, 2021 10:07 am

Hello,

Provide us with WP Dashboard access to your site and we’ll help you to reduce the width of the content in the correct way.

Regards

#288105 copied to clipboard

sanper

Participant

May 19, 2021 10:38 am

Please asap

Content is visible for topic creator and
support staff only.

#288112 copied to clipboard

Olga Barlow

Support staff

May 19, 2021 12:25 pm

Hello,

Check now, please.

Regards

#288141 copied to clipboard

sanper

Participant

May 19, 2021 12:38 pm

Thanks

Hi Can you center align the breadcrumbs section and the related products section as well

I want the whole page to be centered excluding footer and header in the single product page view

And please tell me how you did this. So that i can do it on my own in my future projects

#288146 copied to clipboard

Olga Barlow

Support staff

May 19, 2021 2:47 pm

Hello,

Do you mean that you want to reduce the container with of the single product to 1120px https://prnt.sc/134dh0b ? Do I understand you right?

Regards

#288178 copied to clipboard

sanper

Participant

May 19, 2021 2:56 pm

yes i want to do that. Please let me know as well so I can do it on my own in the future projects as well

#288181 copied to clipboard
Olga Barlow

Support staff

May 19, 2021 3:14 pm
Hello,

You can edit the whole site width from Theme Options > General > Site width. If you want to change the container width for the single product only use the below code

@media only screen and (min-width: 1200px){ .single-product .content-page { max-width: 1120px; } }

I have added that to Theme Options > Custom CSS > global CSS. Check now.

Regards
#288189 copied to clipboard
sanper

Participant

May 19, 2021 5:37 pm

Thank You very much it is now fixed

#288239 copied to clipboard

Rose Tyler

Support staff

May 20, 2021 8:14 am

Hello,

You’re welcome!

Regards

#288266 copied to clipboard

sanper

Participant

May 21, 2021 2:10 pm

https://prnt.sc/1380r2e

This product grid keeps loading forever why is that how can i fix this. And when i move one forward or backward in that slider it works. This happens everytime

#288501 copied to clipboard

Olga Barlow

Support staff

May 21, 2021 4:30 pm

Hello,

Edit page and Products element, try to disable Loop option for the slider. Check products after that.

Regards

#288527 copied to clipboard

sanper

Participant

May 24, 2021 7:07 am

Thanks it worked

#288709 copied to clipboard