Banner Logo

Be a part of the family: Connect, Receive Support,
Contribute, and Reap Abundant Rewards!

Image issues on vendor shop page on iphone

MultivendorX

Open
Viewing 14 reply threads
  • Author
    Posts
    • #219232
      zedmanshere
      Participant

      Hi,

      We are having an issue on iphones only where images are all different sizes on the vendor shop pages. All other woocommerce pages and images are fine across the site and on other devices and os. This happens only sometimes and if the page is refreshed or if you change orientation then the images load fine.

      I wonder if anyone else is having this issue and how it can be resolved?

      We use a plugin called Smart Image Resize PRO to resize all images across the site and it has always worked well with the woocommerce shop pages.

      There is also sometimes a banner at the top of the iphone screen saying reduce protections on safari, could this also be an issue as it seems to be on by default on iphones.

      This is very frustrating as I can’t find the issue, help would be appreciated.

      Thank you

    • #219233
      zedmanshere
      Participant
      This reply has been marked as private.
    • #219250

      Hello There, Sorry to hear that you have faced an issue on your end.

      We have checked the same on our end but did not face any such issue as mentioned by you. Kindly check the video here https://www.awesomescreenshot.com/video/27061231?key=300c4ffceea5f1e0859ce75e91156231.

      Now kindly share the resolution set on your end so that we can check the same flow with the same resolution. Also kindly share the URL of your site with us so that we can check the same there and then help you accordingly.

      Hope to hear from you soon.

    • #219268
      zedmanshere
      Participant
      This reply has been marked as private.
    • #219277

      Hey @zedmanshere, we’ve thoroughly examined your shared vendor pages using various simulators on our end and haven’t encountered the issue you described.
      Furthermore, if it were a problem with our plugin, it would persist consistently and not resolve after loading. It appears there may be a loading issue on your end. Please review the problem carefully on your end.
      Also it is really difficult for us to give a solution for a issue without being able to recreate it on our end. So kindly check once carefully the loading issue. Also just to be sure that this is not an theme/plugin conflict, kindly check the flow once by deactivating plugins other than WooCommerce and MultiVendorX on your end and also switching to some default theme such as twenty twenty four or storefront.

      Also please do keep us posted regarding the same.

    • #219569
      zedmanshere
      Participant
      This reply has been marked as private.
    • #219571

      @zedmanshere, You will have to add custom CSS on your end to change the colours of that section in the vendor dashboard.

      Let us know if you need any further assistance from our end.

    • #219572
      zedmanshere
      Participant

      Thank you for the reply. Would you be able to show me which area / elements I would need to change in the CSS to update this area please? When I look to change each individual bar, I can only see a generic element style as below:

      element.style {
      height: 89.06%;
      background-color: #c25244;
      }

      .mvx_vendor_product_stats .mvx_product_stats_wrap .product-stat-chart .product-stat-bar .stat-percentage-holder {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      }

      Thanks for the help!

    • #219575

      Kindly add the below custom CSS in the Additional Custom CSS section of the Appearance submenu in the admin dashboard and also update the colors accordingly to your need in the code –

      
      
      .publish-stat .stat-percentage-holder {
      
      background-color: yellow !important;
      
      }
      
       
      
      .publish-stat .stat-percentage-holder span {
      
      background-color: yellow !important;
      
      }
      
       
      
      .publish-stat .pending-stat {
      
      background-color: blue !important;
      
      }
      
       
      
      .publish-stat .pending-stat span {
      
      background-color: blue !important;
      
      }
      
       
      
      .publish-stat .draft-stat{
      
      background-color: red !important;
      
      }
      
       
      
      .publish-stat .draft-stat span {
      
      background-color: red !important;
      
      }
      
       
      
      .publish-stat .not-approved-stat{
      
      background-color: green !important;
      
      }
      
       
      
      .publish-stat .not-approved-stat span {
      
      background-color: green !important;
      
      }
      
      Copy

      Let us know if you need any further assistance from our end.

      Copy
    • #219835
      zedmanshere
      Participant
      This reply has been marked as private.
    • #219843

      Sure check the code on your end and let us know if you need any further assistance.
      Regarding your second query kindly give us some time to check this and get back to you accordingly.

      Thanks for your understanding.

    • #219873

      @zedmanshere, Can you please check the image size on mobile view on the admin end please and let us know about the same.

    • #219903
      zedmanshere
      Participant
      This reply has been marked as private.
    • #219905

      Thanks for the confirmation. So it seems that this is the default size of WordPress itself.
      Still let me consult with the team regarding this. Once I hear back from them, I will keep you posted regarding the same.

    • #219923

      Hello There, I’ve consulted with our team regarding your inquiry. Unfortunately, the size you’re referring to is set as the default by WordPress itself, so it cannot be adjusted through any available settings.

      However, if you’re interested, you have the option to implement customizations on your end. For instance, you could consider adding features like zooming in on images for mobile viewing or enabling image pop-ups for closer inspection.

      But to add such customisations you will have to add custom code on your end.

      Let us know if you need any further assistance from our end.

Viewing 14 reply threads

Please LOGIN to reply to this topic