Return to previous page

I want the single product page like this.

This topic has 24 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Rose Tyler

Soumya

Participant

August 27, 2022 at 17:52

Hey, I have tried many times with your theme’s single product builder. but unable to make it like this. can you guys plz do it for me?
Plz refer to this link:
https://freeimage.host/i/product-full-width.r4rjrQ

#332590 Copied Theme version: 8.3.1

23 Answers

Rose Tyler

Support staff

August 28, 2022 at 08:52

Hello,

Provide URL of your site and temporary wp-admin access, via the Private Content area. We will try to create an example for you.

Regards

#332626 Copied

Soumya

Participant

August 28, 2022 at 10:55

Please check I have provided the details.

Please contact administrator
for this information.

#332641 Copied

Rose Tyler

Support staff

August 28, 2022 at 15:34

Hello,

Check now. Continue editing the layout in the builder. For example, this text https://prnt.sc/hhCcYAvJVW5v can be added by editing the content of – https://prnt.sc/YCag49jwxnT5 https://prnt.sc/wZS6omHCg6Ph Content of this area – https://prnt.sc/4buDj-44SWtZ > https://prnt.sc/1dPtnhUvjyJY
Let us know if you need any further assistance.

Regards

#332653 Copied

Soumya

Participant

August 28, 2022 at 17:49

It looks good. Also, I want to add the “Buy Now” button just side to the add-to-cart.

#332660 Copied

Rose Tyler

Support staff

August 28, 2022 at 20:09

Hello,

Check now – https://prnt.sc/Kq7x9rbw4-da

Regards

#332672 Copied

Soumya

Participant

August 28, 2022 at 20:48

worked. what & how you did this?

#332673 Copied

Rose Tyler

Support staff

August 29, 2022 at 12:14

Hello,

It looks like you have changed wp-admin access.
We’ve enabled Buy Now button in the settings of Single Product Builder > Add to cart, and added custom CSS code in Theme Options > Theme custom CSS.

Regards

#332717 Copied

Soumya

Participant

February 5, 2023 at 11:45

Can you please share the code you have added?

#346058 Copied

Rose Tyler

Support staff

February 5, 2023 at 13:13

Hello, Soumya

Please provide correct wp-admin access.

Best Regards,
8Themes Team

#346063 Copied

Soumya

Participant

February 5, 2023 at 13:33

Please check.

Please contact administrator
for this information.

#346066 Copied
Rose Tyler

Support staff

February 5, 2023 at 13:51
Hello, Soumya

1/ Did you delete the old code?
Try to add the next code in Theme Options > Theme custom CSS:
```
.single-product-builder .single_add_to_cart_button ~ .et-or-wrapper {
    flex-basis: 10%;
    margin-left: 10px;
    margin-right: 10px;
}
.single-product-builder form.cart {
    display: flex;
}
.single-product-builder .et_product-block .et-single-buy-now.single_add_to_cart_button.button {
    width: 20%;
    flex-basis: 20%;
    min-width: 20%;
}
```
to place the Buy now button in the same line to Add to cart.

2/
```
.single_product-html_block5 {
    display: flex;
}
.single_product-html_block5 .wcfm_catalog_enquiry {
    margin: 0px 10px;
    padding: 6px 10px;
}
```
Best Regards,
8Themes Team
#346069 Copied
Soumya

Participant

February 5, 2023 at 14:00

It does not look good in mobile view. please check the screenshot in private content.

Please contact administrator
for this information.

#346073 Copied

Rose Tyler

Support staff

February 5, 2023 at 14:18

In this case add the code not in Global custom CSS area, but in custom CSS for Desktop (Theme Options > Theme custom CSS > Desktop).

Best Regards,
8Themes Team

#346076 Copied

Soumya

Participant

February 5, 2023 at 15:29

Yes, But the “Chat now” & “Post your question” is not showing in a row in mobile view.

#346086 Copied

Rose Tyler

Support staff

February 5, 2023 at 16:07

Hello,

Could you please provide a screenshot from your mobile device? What browser are you using? Have you cleared the cache of it?

Best Regards,
8Themes Team

#346089 Copied

Soumya

Participant

February 5, 2023 at 16:29

I am using the google chrome browser.
Please check this screenshot: https://prnt.sc/8PKGN2N1q-y-

#346091 Copied

Rose Tyler

Support staff

February 5, 2023 at 16:40

Hello,

Thank you for the reply.

I’ve edited the custom CSS code.
Please clear cache of the mobile browser and check now.

Best Regards,
8Themes Team

#346092 Copied

Soumya

Participant

February 5, 2023 at 16:55

Working well. But can you make the letters inside the “Chat now” & “Post your question” buttons in a single row in mobile view? currently, in mobile view, these two buttons are showing very big!

#346094 Copied

Rose Tyler

Support staff

February 5, 2023 at 17:07

Please clear cache of the mobile browser and check now.

Best Regards,
8Themes Team

#346096 Copied

Soumya

Participant

February 5, 2023 at 17:11

It’s working very well.
Thanks for this great support. I will purchase future products from you.
And please confirm for me what changes you made!

#346097 Copied

Rose Tyler

Support staff

February 5, 2023 at 17:51

Hello, Soumya

You’re welcome!
Custom CSS code you can find on these screenshots – https://prnt.sc/CoBa_xnsJdgA https://prnt.sc/M47oXB6l4fUX https://prnt.sc/_WZ-EMGMMveH

Best Regards,
8Themes Team

#346099 Copied

Soumya

Participant

February 25, 2023 at 11:44

Please check this. It is not showing correctly. https://prnt.sc/QMu4c5hBm2fR

#347976 Copied
Rose Tyler

Support staff

February 26, 2023 at 09:09
Hello, Soumya,

WooCommerce plugin in the latest update made input hidden if it is available for 1 purchase only.
As a temporary fix, please add the next code in child-theme/functions.php file:
```
add_filter('woocommerce_quantity_input_type', function($type) {
    return 'number';
});
```
Kind Regards,
8theme team
#348026 Copied
Tagged: best selling, persuasive, seo friendly, single-product page, themes, woocommerce
Viewing 24 results - 1 through 24 (of 24 total)