[Resolved] price disappears

[Любомир]

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

[David]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Любомир]

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.

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Любомир]

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.)

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts