[Resolved] price disappears

Home Forums Support [Resolved] price disappears

Home Forums Support price disappears

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #842914
    Любомир

    In the mobile version, on old firmware iOS 8.3, for example, in the variable product below the price disappears.
    1.8.0-alpha.1
    WooCommerce 3.5.6
    WordPress 5.1.1
    Apache
    PHP 7.3.3
    APH Merge Scripts
    Async JavaScript
    Autoptimize

    GeneratePress 2.2.2
    GP Premium 1.7.8
    #843139
    David
    Staff
    Customer Support

    Hi there,

    iOS 8 doens’t do flexbox very well. Can you try adding this CSS:

    .add-to-cart-panel form.cart,
    .woocommerce div.product form.cart,
    .woocommerce-variation-add-to-cart {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
    }
    #843386
    Любомир

    blurred photo
    Thank you very much everything works fine.
    Sir, how do I remove a blurred photo?
    It would be great if you could separately adjust the image in size for mobile content and PC in the settings.

    #843427
    David
    Staff
    Customer Support

    Tips on woo images:
    1. Your original image should be much larger than is displayed on the single produt, this is used for the zoom and lightbox. Generally i have it at 150% the size i need.
    2. You set the Single Product image size in Customizer > Woocommerce. Make sure this is the size of the apperture being displayed. Currently you have a 1000px wide image being displayed at 1020px. This may be the cause of the blurring.
    3. How to check the size you need in point 2. Set up your shop layout with your dummy content, and use the browser inspector to measure the size of the image being displayed.

    #843598
    Любомир

    I figured it out. Thanks for the help. The problem is that the content looks a little differently on different mobile phones, and it also influences the firmware. For example, now iPhone 10 with firmware 12.4 reduces the picture, but this applies only to the browser safari. Chrome or Firefox on the same phone I work without problems (the picture fits as needed.)

    #843822
    David
    Staff
    Customer Support

    Glad to be of help.
    You may want to check your thumbnail size – as the iphone X has a wider viewport then average, i think the smallest one is 375px wide. I personally set my thumbnails to around 400px to cover the plus size phones.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.