Return to previous page

Hi, I need to do some changes in Single Product page

This topic has 18 replies, 4 voices, and was last updated 6 months ago ago by Andrew Mitchell

Daniyal

Participant

May 14, 2024 at 09:07

Hi, I need to do some changes in Single Product page:
-I want to do Inline these two elements Reviews and Size Guide
– Remove Customer Reviews Text, Only Shows Stars and Count
– And tell me how to hide out of stock variations products on single product page and shop page
here is current product page layout: https://gyazo.com/eb31ffb79123f80d299f463c9ab8c513

It seems that the staging website is showing the last domain, why is that happening?

link: https://gyazo.com/445e5d6bd7cfa24980bd9fd266e6a308

#395056 Copied Theme version: 9.3.9

17 Answers

Tony Rodriguez

Support staff

May 14, 2024 at 10:16

Hello, @Daniyal,

Thank you for contacting us and for using XStore.

1/ & 2/ We are pleased to inform you that the issue you reported has been successfully resolved. To ensure that the changes are reflected on your end, we kindly ask you to clear your browser’s cache and then revisit your site.

For your reference, the necessary CSS code has been added to the following location within your site’s backend: XStore > Theme Options > Theme Custom CSS > Global CSS.

Additionally, we have provided images in the private content area for your reference.

3/ We understand you require assistance with displaying product variations that are currently out of stock. We are pleased to inform you that such variations can be presented as shown in the following examples:

– https://ibb.co/9hbCWKV
– https://ibb.co/VVmZCkp
– https://ibb.co/zmbgPYR

This display is possible using Xstore variation swatches, provided that the “Hide out of stock products from catalog” option is activated within the WooCommerce > Settings > Products > Inventory section of your dashboard.

For further clarification and support, we suggest viewing our instructional video on variation swatches, which can be found here: https://www.8theme.com/documentation/xstore/video-tutotials/variation-swatches/. We trust you will find this resource to be informative and useful.

4/ Please read our theme documentation: https://www.8theme.com/documentation/xstore/theme-installation/how-to-registerderegister-xstore-theme-livestaging-websites/#Staging-Domain-patterns-OEUop

We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#395065 Copied

Daniyal

Participant

May 14, 2024 at 10:21

please check rating and size guide are inline but showing like that
https://gyazo.com/f93b1bebde1b325c5c8a61db075dd0f7

there is too much space and please see in mobile view also

And answer this query too
It seems that the staging website is showing the last domain, why is that happening?

link: https://gyazo.com/445e5d6bd7cfa24980bd9fd266e6a308

– I already did but still showing out of stock product
“This display is possible using Xstore variation swatches, provided that the “Hide out of stock products from catalog” option is activated within the WooCommerce > Settings > Products > Inventory section of your dashboard.”

#395067 Copied

Tony Rodriguez

Support staff

May 14, 2024 at 12:09

Hello, @Daniyal,

1/ We are pleased to inform you that the issue you reported has been successfully resolved. We kindly ask you to verify the resolution at your earliest convenience.

2/ Please describe your request and the desired displaying in more detail.

3/ We are writing to acknowledge receipt of your recent inquiry. However, we find that we need a bit more clarity to fully understand your request and provide the most accurate assistance.

Could you please provide a detailed description of the issue you are encountering, as well as your specific goals or requirements? This information will greatly assist us in addressing your concerns effectively.

Additionally, we would appreciate it if you could send us a screenshot of the problem and the URL of the page where the issue is occurring. This will enable us to examine your settings more closely and offer a precise solution.

Please note that, always submit different questions via separate threads

Thank you for your cooperation and understanding.

Best Regards,
The 8Theme Team

#395085 Copied

Daniyal

Participant

May 16, 2024 at 10:53

Hi Xstore Support team,

I need to make a few changes to the product page. I tried doing it myself, but it’s not working.

The reviews and size guide that you aligned inline earlier need to be placed above the add to cart button now. I have done it using Inspect Element in the screenshot, so you’ll get an idea from that.

Could you also check my custom CSS? The extra custom CSS is making the website very slow. If you could help remove it, I would really appreciate it.

https://gyazo.com/00904b3f2e6408503f95177634f0721b

#395450 Copied

Daniyal

Participant

May 16, 2024 at 11:18

Issue No. 2:
I enabled the Sticky Feature for a section on the product page, but it lacks smoothness while scrolling. The section that is made sticky jerks significantly during scrolling. Please make this feature smooth and resolve this issue. Thanks.

https://gyazo.com/f97d4640371974cfdec6d5b6edb3ac46

#395454 Copied

Tony Rodriguez

Support staff

May 16, 2024 at 12:27

Hello, @Daniyal,

1/ https://www.8theme.com/topic/hi-i-need-to-do-some-changes-in-single-product-page/#post-395450

1/ We regret to inform you that it is not possible to achieve your desired outcome with the current version of the theme. Item support does not include services to modify or extend the item beyond the original features, style, and functionality described on the item page and you request additional customization.

Our high-level developers are equipped to provide you with a tailored solution for this. To get a precise estimate and discuss the customization, please submit a customization services request, and we will prepare a detailed estimate for the cost – https://www.8theme.com/account/#etheme_customization_panel (8Theme’s Customisation Services)

We appreciate your understanding.

If you have any more questions or need additional support, please don’t hesitate to ask.

Kind Regards,
8theme team

#395463 Copied

Daniyal

Participant

May 16, 2024 at 12:59

Please reply for this issue

Issue No. 2:
I enabled the Sticky Feature for a section on the product page, but it lacks smoothness while scrolling. The section that is made sticky jerks significantly during scrolling. Please make this feature smooth and resolve this issue. Thanks.

https://gyazo.com/f97d4640371974cfdec6d5b6edb3ac46

#395478 Copied

Tony Rodriguez

Support staff

May 16, 2024 at 13:07

Hello, @Daniyal,

Issue No. 2:
I enabled the Sticky Feature for a section on the product page, but it lacks smoothness while scrolling. The section that is made sticky jerks significantly during scrolling. Please make this feature smooth and resolve this issue. Thanks.

https://gyazo.com/f97d4640371974cfdec6d5b6edb3ac46

2/ To integrate smooth scrolling into the sticky section of your Single Product Page, we recommend customizing the layout using Elementor.

For detailed guidance on creating a custom layout for your Single Product Page, please refer to the following article: [XStore Single Product Builder with Elementor](https://www.8theme.com/documentation/xstore/xstore-builders/xstore-single-product-builder-with-elementor/).

Additionally, we have prepared a video tutorial to assist you in adding the sticky option to the right section of the Single Product Page for enhanced navigation. You can view this tutorial in the private content area provided.

Should you require further assistance or have any questions, please do not hesitate to contact us.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#395481 Copied

Daniyal

Participant

May 17, 2024 at 13:50

Hi Xstore Support team,

I need some changes on the single product page regarding the sale badge. Currently, it shows “Up to 30%,” but I want it to display only the amount and percentage without the word “Up to.” Also, on the shop page, the sale badge layout is not displaying correctly. Please fix that as well. Thanks.

https://gyazo.com/d23528c11f3639998c3b4a9ac62ea5cb

#395631 Copied

Tony Rodriguez

Support staff

May 18, 2024 at 06:42

Hello, @Daniyal,

1/ Upon reviewing the single product pages on your website, we have noticed that the sale badges are not appearing on the product images. For your reference, We have attached an image to illustrate this issue.

Please provide URL of the single product page on which the sale badge shows “Up to 30%,” for my better understanding. So that we will further check it for you and help you.

2/ To change the size of the sale label on your shop page, please follow these steps:

1. Navigate to XStore > Theme Options.
2. Proceed to WooCommerce > Shop Elements > Product Badges.
3. Adjust the settings as per your requirements.
4. Ensure to save your changes by clicking “Publish”.

For your reference, we have included a helpful image in the private content area of our support forum.

We trust this guidance will be of assistance to you. Should you have any further inquiries, please do not hesitate to reach out.

Best Regards,
The 8Theme Team

Please contact administrator
for this information.

#395711 Copied

Daniyal

Participant

May 18, 2024 at 06:56

Yes, the badge was showing on the product page until yesterday, but today it is not showing. I don’t know why. Please resolve this issue, I would really appreciate it.

Also, you can see that the badge is showing on the shop page, but I want to remove the “Up to” text from it. The badge should directly show the discount like this: “30% OFF”.

https://gyazo.com/f55fd1e970a1fae4c56b2ee2515fd958

#395714 Copied

Daniyal

Participant

May 18, 2024 at 07:13

The sale badge is now showing on the product page. The issue was that I had turned it off in Elementor, but it is resolved now.

Please just remove the “Up to” text from the sale badge, as we are not offering “up to” discounts.

Thank you.

#395718 Copied

Tony Rodriguez

Support staff

May 18, 2024 at 09:27

Hello, @Daniyal,

Thank you for your response.

To address your issue, we recommend installing the Loco Translate plugin on your website. For detailed guidance on this process, please refer to our theme documentation available at: (https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/).

Once installed, you can modify the “UP To” string by navigating to Loco > Themes > XStore in your site’s dashboard.

Additionally, we have prepared a video tutorial to assist you further. We kindly ask you to view it in its entirety for comprehensive instructions. You can access the video in private content area.

After you have made the necessary text changes, you may deactivate the Loco Translate plugin on your site.

We trust this information will be helpful to you. Should you have any further questions or require additional assistance, please do not hesitate to contact us.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#395742 Copied

Daniyal

Participant

May 18, 2024 at 10:36

Thank you so much for your support, I really appreciate it. One last thing I need help with – when you go to the single product page, you can see that besides the reviews rating, there is a count and text showing “customer reviews”. I don’t want such a long text, I just want it to say “Reviews”. Also, the alignment is a bit off, so please take a look at that too. Thanks!

https://gyazo.com/0d53c84f1fce487c453928aeadf6ebf5

#395752 Copied

Rose Tyler

Support staff

May 19, 2024 at 07:26

Hello, @Daniyal,

You’re welcome!

1/ https://prnt.sc/SO9X2TycKlvd

2/ We’ve changed this layout https://prnt.sc/nn7yYgnSyUsK to https://prnt.sc/xpTzkDWOOBzU , the result – https://prnt.sc/fv1Up9JLSwU5

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.

Best regards,
The 8Theme Team

#395833 Copied

Daniyal

Participant

May 20, 2024 at 07:04

Thank you soo much

#395907 Copied

Andrew Mitchell

Support staff

May 20, 2024 at 07:04

Dear Daniyal,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#395908 Copied
Tagged: customize single product page, product page modifications, single product page revamp, woocommerce theme changes, woocommerce wordpress themes, wordpress product page update, wordpress woocommerce edits
Viewing 18 results - 1 through 18 (of 18 total)

The issue related to '‘Hi, I need to do some changes in Single Product page’' has been successfully resolved, and the topic is now closed for further responses

Hi, I need to do some changes in Single Product page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection