timholz

Thanks a lot for your swift answer. This works very well thanks for the plugin. regards theo

OK, great – thanks a lot for the quick reply.
regards – theo

• This reply was modified 2 years, 3 months ago by timholz.

Ok, thanks for the quick reply. I’ll test your suggestion.
In the meanwhile i changed the loading logic and i seems to work as expected.
regards theo

• This reply was modified 2 years, 4 months ago by timholz.

Hi – i fixed the problem. Sorry for the inconvience. It was a naming issue on the front page. All filters work well. I apologize.
regards – theo

This seems to work so far:

//nonce for aggregated scripts
function add_nonce($bodyreplacementpayload){
    $nonce_value = wp_create_nonce('my_script_nonce');
    $find = '<script ';
    $replacement = '<script nonce="'.$nonce_value.'"';
    $string = $bodyreplacementpayload;
    $addnonce = str_replace($find, $replacement, $string);
    return $addnonce;
}
add_filter('autoptimize_filter_js_bodyreplacementpayload', 'add_nonce');

I will have to test its effect on CSP. For now, thanks for your suggestion.
regards – theo

Thanks for your advice. I’ll try that and will report later.
theo

Hi – Thanks for your message. I checked the debug.log and could detect the error. I had the site temporarily password protected and that returned failed to open stream: HTTP request failed! HTTP/1.0 401 Unauthorized.
Sorry for the inconvenience. The filter is great and easy to handle.
regards – theo

@babylon1999 Hi – the solution proposed above is omitting srcset site-wide.
I found a better way to design the srcset attribute. Follow this link:Read the answer on stackoverflow.
Then i made en error reporting about storefront demos. It is the ?homefront? demo that shows the vanishing cart-thumbnail-image when altering items on the cart page.
Regards – theo

By the way, i’ve tested several storefront demos. Some work, and some have cart pages, where the cart thumbnails disappear. Just that you know.

@anastas10s Hi – wp-includes/theme.php generates the srcset attribute. As mentioned above this can be disabled for the cart page. Issue resolved.
Thanks

@anastas10s Hi – as i recall, i did not test on the latest safari. I mentioned 13.9 and ios 9.3 or something. Before i start messing around with a working site, i would appreciate if you could confirm, that woocommerce injects the srcset attribute. Thank you.

@anastas10s Thanks for all the tips. I already did what you suggest. I spent almost a night to track down the vanishing images on the named browser instances.
I also provided a work around. Did you test the behaviour of the cart page on the named browsers? If the page performs as expected on updating the cart by removing items, changing an address etc. then you could positively confirm that woocommerce performs flawlessly. At least, that is what i would do. How about you? Can you live with the fact that the cart page porbably isn’t performing well cross browser?
Thanks – theo

p.s.: Why add a srcset, providing all thumbnail variants for such a small image? I don’t think that this is very smart.

• This reply was modified 2 years, 5 months ago by timholz.

@ihereira Hi – thanks for your message and here is the system report:

### WordPress Environment ###

WordPress address (URL): https://lumi-kids.ch
Site address (URL): https://lumi-kids.ch
WC Version: 6.9.4
REST API Version: ? 6.9.4
WC Blocks Version: ? 8.3.3
Action Scheduler Version: ? 3.4.0
Log Directory Writable: ?
WP Version: 6.0.2
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: –
Language: de_CH_informal
External object cache: ?

### Server Environment ###

Server Info: LiteSpeed
PHP Version: 7.4.30
PHP Post Max Size: 16 MB
PHP Time Limit: 600
PHP Max Input Vars: 2000
cURL Version: 7.71.0
OpenSSL/1.1.1d

SUHOSIN Installed: –
MySQL Version: 5.7.37-log-cll-lve
Max Upload Size: 16 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 6.9.4
WC Database Prefix: zmlc_
Datenbank-Gesamtgr?sse: 5.68MB
Datenbank-Datengr?sse: 3.82MB
Datenbank-Indexgr?sse: 1.86MB
zmlc_woocommerce_sessions: Daten: 0.16MB + Index: 0.02MB + Engine InnoDB
zmlc_woocommerce_api_keys: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_woocommerce_attribute_taxonomies: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_woocommerce_downloadable_product_permissions: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB
zmlc_woocommerce_order_items: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_woocommerce_order_itemmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_woocommerce_tax_rates: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB
zmlc_woocommerce_tax_rate_locations: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_woocommerce_shipping_zones: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB
zmlc_woocommerce_shipping_zone_locations: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_woocommerce_shipping_zone_methods: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB
zmlc_woocommerce_payment_tokens: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_woocommerce_payment_tokenmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_woocommerce_log: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_actionscheduler_actions: Daten: 0.06MB + Index: 0.13MB + Engine InnoDB
zmlc_actionscheduler_claims: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_actionscheduler_groups: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_actionscheduler_logs: Daten: 0.06MB + Index: 0.03MB + Engine InnoDB
zmlc_aiowps_debug_log: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB
zmlc_aiowps_events: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB
zmlc_aiowps_failed_logins: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB
zmlc_aiowps_global_meta: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB
zmlc_aiowps_login_activity: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB
zmlc_aiowps_login_lockdown: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB
zmlc_aiowps_permanent_block: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_commentmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_comments: Daten: 0.02MB + Index: 0.09MB + Engine InnoDB
zmlc_duplicator_packages: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_links: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_options: Daten: 2.11MB + Index: 0.08MB + Engine InnoDB
zmlc_postmeta: Daten: 0.30MB + Index: 0.19MB + Engine InnoDB
zmlc_posts: Daten: 0.09MB + Index: 0.06MB + Engine InnoDB
zmlc_termmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_terms: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_term_relationships: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_term_taxonomy: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_tm_taskmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_tm_tasks: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_usermeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_users: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB
zmlc_wc_admin_notes: Daten: 0.06MB + Index: 0.00MB + Engine InnoDB
zmlc_wc_admin_note_actions: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_wc_category_lookup: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB
zmlc_wc_customer_lookup: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_wc_download_log: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_wc_order_coupon_lookup: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_wc_order_product_lookup: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB
zmlc_wc_order_stats: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB
zmlc_wc_order_tax_lookup: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB
zmlc_wc_product_attributes_lookup: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_wc_product_download_directories: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_wc_product_meta_lookup: Daten: 0.02MB + Index: 0.09MB + Engine InnoDB
zmlc_wc_rate_limits: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_wc_reserved_stock: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB
zmlc_wc_tax_rate_classes: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB
zmlc_wc_webhooks: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB

### Post Type Counts ###

attachment: 48
nav_menu_item: 7
page: 11
post: 1
product: 6
product_variation: 72
revision: 2

### Security ###

Secure connection (HTTPS): ?
Hide errors from visitors: ?

### Active Plugins (13) ###

All In One WP Security: von All In One WP Security & Firewall Team – 5.0.9
Autoptimize: von Frank Goossens (futtta) – 3.1.2
Classic Editor: von WordPress-Mitwirkende – 1.6.2
Classic Widgets: von WordPress Contributors – 0.3
Contact Timform: von tim – 1
Duplicator: von Snap Creek – 1.5.0
Duplicator: von Snap Creek – 1.5.0
Image optimization service by Optimole: von Optimole – 3.4.6
SVG Support: von Benbodhi – 2.5.1
TIM Seo: von tim – 1
Tim Likes Social Share: von tim – 1.0.0
W3 Total Cache: von BoldGrid – 2.2.6
WooCommerce: von Automattic – 6.9.4

### Inactive Plugins (0) ###

### Dropin Plugins (3) ###

advanced-cache.php: advanced-cache.php
db.php: db.php
object-cache.php: object-cache.php

### Settings ###

API Enabled: –
Force SSL: –
Currency: CHF (CHF)
Currency Position: left_space
Thousand Separator: '
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –
Enforce Approved Product Download Directories: –

### WC Pages ###

Shop-Basis: #7 - /
Warenkorb: #8 - /warenkorb/
Kasse: #9 - /kasse/
Mein Konto: #10 - /mein-konto/
Allgemeine Gesch?ftsbedingungen: #32 - /allgemeine-geschaeftsbedingungen/

### Theme ###

Name: lumi-kids
Version: 1.0 beta
Author URL: https://lumi-kids.ch
Child Theme: ? – Wenn du WooCommerce mit einem Theme
das du nicht selbst entwickelt hast
an eigene Bedürfnisse anpasst
dann empfehlen wir die Verwendung eines Child-Themes. Siehe Wie du ein Child-Theme erstellst (engl.)

WooCommerce Support: ?

### Templates ###

Archive Template: Dein Theme hat eine woocommerce.php-Datei
was dazu führt
dass du das Template woocommerce/archive-product.php nicht überschreiben kannst
da woocommerce.php h?her gewichtet wird als archive-product.php. Das ist beabsichtigt
um Darstellungsprobleme zu verhindern.

Overrides: lumi-kids/woocommerce/archive-product.php
lumi-kids/woocommerce/cart/cart.php
lumi-kids/woocommerce/cart/mini-cart.php
lumi-kids/woocommerce/checkout/terms.php
lumi-kids/woocommerce/content-widget-product.php
lumi-kids/woocommerce/emails/email-addresses.php
lumi-kids/woocommerce/emails/email-customer-details.php
lumi-kids/woocommerce/emails/email-footer.php
lumi-kids/woocommerce/emails/email-header.php
lumi-kids/woocommerce/emails/email-order-details.php
lumi-kids/woocommerce/emails/email-order-items.php
lumi-kids/woocommerce/emails/email-styles.php
lumi-kids/woocommerce/global/quantity-input.php
lumi-kids/woocommerce/loop/add-to-cart.php
lumi-kids/woocommerce/loop/orderby.php
lumi-kids/woocommerce/loop/pagination.php
lumi-kids/woocommerce/single-product/add-to-cart/variable.php
lumi-kids/woocommerce/single-product/add-to-cart/variation.php
lumi-kids/woocommerce/single-product/meta.php
lumi-kids/woocommerce/single-product/product-attributes.php
lumi-kids/woocommerce/single-product/product-image.php
lumi-kids/woocommerce/single-product/tabs/additional-information.php
lumi-kids/woocommerce/single-product/tabs/description.php
lumi-kids/woocommerce/single-product/tabs/tabs.php

### Admin ###

Enabled Features: activity-panels
analytics
coupons
customer-effort-score-tracks
experimental-products-task
experimental-import-products-task
experimental-fashion-sample-products
experimental-product-tour
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
wc-pay-promotion
wc-pay-welcome-page

Disabled Features: minified-js
new-product-management-experience
settings

Daily Cron: ? Next scheduled: 2022-10-11 21:24:04 +00:00
Options: ?
Notes: 71
Onboarding: completed

### Action Scheduler ###

Abgebrochen: 8
Oldest: 2022-10-06 10:07:58 +0000
Newest: 2022-10-10 15:16:00 +0000

Abgeschlossen: 136
Oldest: 2022-09-30 13:08:56 +0000
Newest: 2022-10-11 00:58:17 +0000

Ausstehend: 1
Oldest: 2022-10-11 10:34:31 +0000
Newest: 2022-10-11 10:34:31 +0000

### Status report information ###

Generated at: 2022-10-11 12:37:36 +00:00

@kushnamdev thanks a lot for your feedback.
regards – theo

I found a solution, but i still wonder why this is happening.
Solution: disable product image attribute srcset for cart page.

//remove srcset for images on cart page
function remove_max_srcset_image_width( $max_width ) {
  if(is_cart()){
    return false;
  }
}
add_filter( 'max_srcset_image_width', 'remove_max_srcset_image_width' );

function cart_disable_srcset( $sources ) {
  if(is_cart()){
    return false;
  }
}
add_filter( 'wp_calculate_image_srcset', 'cart_disable_srcset' );

QED: without srcset the images do not disappear on safari.
What is your experience with this issue?

• This reply was modified 2 years, 5 months ago by timholz.
• This reply was modified 2 years, 5 months ago by timholz. Reason: better function