Enhancing Product Page Design: Adding MRP and GST with Pro Elements Builder

This topic has 11 replies, 2 voices, and was last updated 6 months, 1 weeks ago ago by Rose Tyler

  • Avatar: sergeantmaster
    sergeantmaster
    Participant
    October 21, 2023 at 19:41

    1.) I’ve utilized the Pro Elements Builder to design the product page. I’d like you to add the “MRP” text before the price and “After Price with GST” after the price, visible only on the product page. Please refer to the provided image.

    Reference Image: https://shoeden.co.in/wp-content/uploads/2023/10/Desktop-View-Product-buy-now-buttons.png

    2.) I need assistance in aligning the quantity, “Buy Now,” and “Add to Cart” buttons on the product page to match the provided design. Additionally, ensure that the alignment is responsive for both desktop and mobile devices, as shown in the reference images.

    ~ Reference Image for Desktop View: https://shoeden.co.in/wp-content/uploads/2023/10/Desktop-View-Product-buy-now-buttons.png

    ~ Reference Image for Mobile View: https://shoeden.co.in/wp-content/uploads/2023/10/Mobile-View-Product-buy-now-buttons.png

    3.) I’d like to add an “Offer” label on the product image thumbnails. Please see the reference images for guidance.

    ~ Reference Image – https://shoeden.co.in/wp-content/uploads/2023/10/Offer-label-on-products.png

    Thank you, and we look forward to your support.

    Best regards, Team Witsali

    Please, contact administrator
    for this information.
    10 Answers
    Avatar: sergeantmaster
    sergeantmaster
    Participant
    October 21, 2023 at 23:04

    Please note that the “Share” icon is not functioning as expected. It is displaying a blank or empty result for the target URL on the current page.

    Avatar: sergeantmaster
    sergeantmaster
    Participant
    October 22, 2023 at 19:45

    Awaiting Your Response.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 23, 2023 at 09:33

    Hello, Sergeantmaster,

    Thank you for contacting us and for using XStore.

    Please separate questions to different topics – https://www.8theme.com/forums/xstore-wordpress-support-forum/, so we can assist you more effectively.

    1/ Could you please explain what you mean by “MRP” text and from where “After Price with GST” comes?
    Please check if adding Text element will suit your needs https://prnt.sc/5Mv5yurCMb3L or maybe using a shortcode https://prnt.sc/YODBVl-EN4EJ

    2/ It looks like you solved it already – https://prnt.sc/98-f6ujXsVHd

    3/ We have only – https://xstore.helpscoutdocs.com/article/149-xstore-badges-on-products , so you may try this – https://prnt.sc/fP-crFoaj5Ub

    4/ Share works – https://prnt.sc/MlcY_KouWva4
    Use SEO plugin to add the necessary OG image and OG description for your pages, posts, products. Try for example Yoast SEO plugin.
    Don’t forget to clean the FB cache for products/pages you already shared https://developers.facebook.com/tools/debug/sharing/

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: sergeantmaster
    sergeantmaster
    Participant
    October 23, 2023 at 11:57

    Hello Support Team,

    I would like to express my gratitude for recommending the Yoast SEO plugin, and we genuinely appreciate your kind support. It has significantly improved our website’s SEO and overall performance.

    In addition to our previous requests, I have three more:

    1.) Button Alignment:

    The quantity, “Buy Now,” and “Add to Cart” buttons on the product page are not properly aligned for mobile view. I would like these buttons to be of the same size, and I need assistance in aligning them to match the design provided in the reference images.

    Additionally, I want the alignment to be responsive for both desktop and mobile devices, as shown in the reference images.

    ~ Reference Image for Desktop View: https://shoeden.co.in/wp-content/uploads/2023/10/Desktop-View-Product-buy-now-buttons.png

    ~ Reference Image for Mobile View: https://shoeden.co.in/wp-content/uploads/2023/10/Mobile-View-Product-buy-now-buttons.png

    2.) Social Sharing Buttons:

    While the Facebook sharing button is working, the sharing buttons for WhatsApp and Twitter are not functional.

    I would like to have social sharing functionality for the current page, allowing users to share the product details via WhatsApp and Twitter. Please ensure that these buttons work correctly.

    3.) Loading Speed:

    Our website’s loading speed is not up to our desired standards. We would appreciate your expertise in improving the loading times and optimizing the website for better performance.

    Your continued support is invaluable to us, and we look forward to the positive impact these enhancements will have on our website.

    Thank you for your assistance.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 23, 2023 at 15:14

    Hello, Sergeantmaster,

    We kindly request that you submit questions separately as it will be much more efficient in assisting you. Please do not ignore our request – https://www.8theme.com/forums/xstore-wordpress-support-forum/

    1/ We’ve changed the settings for buttons – https://prnt.sc/QGb1RsYgJCuO https://prnt.sc/ZnPSPi5IwjAj
    and added custom CSS code to make buttons full-width on mobile – https://prnt.sc/j6KwSJEr8mQP
    Please clear all cache (plugins, browser, CDN https://prnt.sc/o5AkR8dwi52u ) and check the result.

    2/ Please provide FTP access, we need to check this question more deeply.
    To create FTP access (FTP host, FTP username, FTP password, FTP port, FTP encryption) , please contact your hosting provider for assistance.

    3/ We would be glad to help you with this issue, however, speed optimization is out of the scope of our support as website speed depends on various factors that we do not control. What we can do is share the links that can help you with speed optimization: https://www.wpbeginner.com/wordpress-performance-speed/ https://xstore.helpscoutdocs.com/article/100-how-to-speed-up-my-website
    https://elementor.com/help/speed-up-a-slow-site/
    Also, we would recommend you to contact hosting provider to reduce initial server response time, because it is server-side.

    Kind Regards,
    8theme team

    Avatar: sergeantmaster
    sergeantmaster
    Participant
    October 23, 2023 at 16:34

    FTP Credentials and Website Slow Speed Problem

    Hello,

    I hope this message finds you well. I’m reaching out to provide the FTP credentials to address the issue with the share buttons.

    In addition to this, we need to discuss our website’s speed, which seems to be running slower than expected, even on a blank page.

    Blank Page Speed is 23% on mobile and 43% on Desktop Mode: https://shoeden.co.in/blank-page/

    Main Page link: https://shoeden.co.in/home/

    We believe that our hosting is optimal, so the slowdown may be related to the Xstore theme or core plugins.

    Your assistance in resolving these matters is greatly appreciated. We look forward to your insights and solutions.

    Thank you for your prompt attention to these issues.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 24, 2023 at 10:12

    Hello, Sergeantmaster,

    We appreciate your prompt response, but we can’t connect FTP:

    Error:        	Connection timed out after 20 seconds of inactivity
    Error:        	Could not connect to server

    Please check it. Try to connect to FTP using FileZilla by yourself and provide us with the correct credentials.
    Is there a restriction by IP or something else that doesn’t allow us to connect?

    Kind Regards,
    8theme team

    Avatar: sergeantmaster
    sergeantmaster
    Participant
    October 24, 2023 at 19:03

    Addressing Website Issues: FTP Credentials and Speed Optimization

    Hello Support Team Xstore,

    I hope you’re doing well. We are experiencing a couple of issues on our website that we’d like to address with your assistance.

    1. Share Buttons Issue:
    To resolve the problem with the share buttons, we are providing you with the FTP credentials. These will help you access our site and make the necessary changes to ensure the buttons work correctly.

    2. More requests in these there is a problem in single product page with related and upsell product widgets hover button not displaying in default styles.

    Product Page Link: https://shoeden.co.in/product/2-rack-stylish-shoe-den-jumbo-size-premium-storage-solution/

    3. Website Speed Concerns:
    Our website seems to be running slower than expected, even on a blank page. Here are the performance statistics for your reference:

    Blank Page Speed is 23% on mobile and 43% on Desktop Mode:

    Link to Blank Page
    https://shoeden.co.in/blank-page/

    Main Page link: https://shoeden.co.in/home/

    We have already optimized our hosting, so the slowdown might be related to the Xstore theme or core plugins. We kindly request your expertise in diagnosing and resolving these speed-related issues.

    Your prompt attention to these matters is highly appreciated. We look forward to your insights and solutions to improve our website’s performance.

    Thank you for your support.

    Please contact administrator
    for this information.
    Avatar: sergeantmaster
    sergeantmaster
    Participant
    October 26, 2023 at 09:07

    Huge disappointment with your late Support and replies!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 26, 2023 at 12:40

    Hello, Sergeantmaster,

    We apologize for the delay in response.

    1/ Share Buttons Issue = We’ve checked and the problem persists independently of the activated theme, according to the fact you are using the default Elementor widget Share Button we have found a similar issue you described asked on the Elementor github forum -> https://github.com/elementor/elementor/issues/14736 . As one of solutions we read in the answers Elementor uses a product excerpt for creating sharing buttons details and if excerpt of product contains html then you will have broken popup for sharing → https://prnt.sc/jIwQF6aUVXq1 but if the Excerpt will contain no html then share buttons will work successfuly → https://prnt.sc/yqY4xkocfvd2 (we created test product for testing this → https://shoeden.co.in/product/new-product-with-empty-content/ ).
    Also, we would recommend you to read all answers on the provided github link and try to deactivate all Experiments for testing such share buttons actions.

    2/ We created for you Products Carousel widget with the option to display Related products above Related Products widget → https://prnt.sc/8-Ta5Fstn5GX because we cannot find the real fix of the Products Related widget broken design structure yet. Could you please, check if this workaround works for you? If so, you can do the same for the Upsells products below (replace that widget with Products Carousel with display Upsells option).

    3/ By testing your product page on GTmetrix (most popular web-site tester) we found that you don’t have installed any cache plugin → https://gtmetrix.com/reports/shoeden.co.in/tMWCXaA1/ . One will help you to increase site loading speed and cache the pages for faster surfing among them.
    For this time we’ve set for you the best possible configuration in Theme Options → Speed Optimization section.

    Kind Regards,
    8theme team

  • Viewing 11 results - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.Log in/Sign up

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