WooCommerce variations not working well again with picture tag method for WebP display

Open
#661 8 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Stale
Tech stack
php, wordpress
Domain
frontend

Research direction

Start by reproducing the issue on the linked WooCommerce product page with variable options, optimized images, and the picture-tag setting enabled. Compare the behavior with issue #495 and the reported WooCommerce update; done means selecting a variation updates the main image correctly.

Written by the indexing model from the issue text.

Description

3rd party compatibility priority: medium type: enhancement

Describe the bug
We have seen at least a couple of users begin to once again have issues with WooCommerce product variations when the "Use tags" option for WebP display is used.

To Reproduce
Steps to reproduce the behavior:

  1. Test a product page with variable product options
  2. Make sure the images are optimized, WebP versions created, and enable the "Use tags" option for WebP display
  3. View the product page and try to select one of the variations (such as color), and the main image will not be updated as it should be.

Expected behavior
The main image should be updated when a variation is selected.

Additional context

We had worked on this in the past: https://github.com/wp-media/imagify-plugin/issues/495

But I believe this may have started happening again after an update released from WooCommerce.

Case 1:
https://secure.helpscout.net/conversation/1833760001/335064/
https://csketchbstage.wpengine.com/product/ladybirds-stationery-cards/

Case 2:
https://secure.helpscout.net/conversation/1846934590/337318/

Backlog Grooming (for WP Media dev team use only)

  • Reproduce the problem
  • Identify the root cause
  • Scope a solution
  • Estimate the effort
Dominant language
PHP
Stars
82
Forks
31
Avg merge
5d 10h
Merged PRs (30d)
9

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from wp-media/imagify-plugin

All issues in wp-media/imagify-plugin

Similar issues

More PHP issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.