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

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

  • Avatar: Daniyal
    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

    17 Answers
    Avatar: Tony Rodriguez
    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://xstore.helpscoutdocs.com/article/94-variation-swatches. We trust you will find this resource to be informative and useful.

    4/ Please read our theme documentation: https://xstore.helpscoutdocs.com/article/163-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.
    Avatar: Daniyal
    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.”

    Avatar: Tony Rodriguez
    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

    Avatar: Daniyal
    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

    Avatar: Daniyal
    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

    Avatar: Tony Rodriguez
    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

    Avatar: Daniyal
    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

    Avatar: Tony Rodriguez
    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://xstore.helpscoutdocs.com/article/190-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.
    Avatar: Daniyal
    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

    Avatar: Tony Rodriguez
    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.
    Avatar: Daniyal
    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

    Avatar: Daniyal
    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.

    Avatar: Tony Rodriguez
    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://xstore.helpscoutdocs.com/article/30-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.
    Avatar: Daniyal
    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

    Avatar: Rose Tyler
    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

    Avatar: Daniyal
    Daniyal
    Participant
    May 20, 2024 at 07:04

    Thank you soo much

    Avatar: Andrew Mitchell
    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

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.