Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: product zoom feature #1350

Merged
merged 2 commits into from
Apr 5, 2023
Merged

feat: product zoom feature #1350

merged 2 commits into from
Apr 5, 2023

Conversation

DilaraGueler
Copy link
Contributor

@DilaraGueler DilaraGueler commented Jan 6, 2023

PR Type

[ ] Bugfix
[X] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no API changes)
[ ] Build-related changes
[ ] CI-related changes
[ ] Documentation content changes
[ ] Application / infrastructure changes
[ ] Other:

What Is the Current Behavior?

Product Zoom feature has been added to the Product Detail Page.

What Is the New Behavior?

Does this PR Introduce a Breaking Change?

[ ] Yes
[X] No

Other Information

AB#82318

@shauke shauke added this to the 3.3 milestone Jan 6, 2023
@github-actions
Copy link

github-actions bot commented Jan 9, 2023

Azure Demo Servers are available:

@DilaraGueler DilaraGueler marked this pull request as ready for review January 11, 2023 17:22
@suschneider suschneider modified the milestones: 3.3, 4.0 Feb 6, 2023
Copy link
Collaborator

@suschneider suschneider left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • The image that is displayed as the first large image when you open the PDP is missing in the thumbnail images.
  • The size of ALL modal dialog is now screen width (see e.g. sign in modal dialog). Only the zoom image dialog should have this special styling. Since special functionality is also needed, it would be better to add a separate component for the zoom dialog.
  • Use the styling 'cursor: zoom-in' in case zoom images are available to signal to the user that zooming is possible. And for the next and the previous button area of the image carousel the style 'cursor:pointer' would be nice.

suschneider
suschneider previously approved these changes Feb 22, 2023
@github-actions
Copy link

Azure Demo Servers are available:

Copy link

@iwiederhold iwiederhold left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please check the Zoom behavior at a mobile device. The button slips under the browser input and there is no longer an option to close the zoom window. The back action of the browser no longer works either.

schadii
schadii previously approved these changes Feb 22, 2023
Copy link

@schadii schadii left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@github-actions
Copy link

Azure Demo Servers are available:

@iwiederhold iwiederhold self-requested a review February 23, 2023 08:45
iwiederhold
iwiederhold previously approved these changes Feb 23, 2023
@github-actions
Copy link

github-actions bot commented Mar 1, 2023

Azure Demo Servers are available:

@iwiederhold
Copy link

iwiederhold commented Mar 1, 2023

Please check the Zoom feature at a real mobile device. The previous button at the product detail page has a strange behavior after the zoom view.

@DilaraGueler
Copy link
Contributor Author

Please check the Zoom feature at a real mobile device. The previous button at the product detail page has a strange behavior after the zoom view.

The back button's behavior will be discussed with another ticket not specifically on product zoom but all modal dialogs in the application.

@github-actions
Copy link

Azure Demo Servers are available:

2 similar comments
@github-actions
Copy link

Azure Demo Servers are available:

@github-actions
Copy link

github-actions bot commented Apr 1, 2023

Azure Demo Servers are available:

@SGrueber SGrueber force-pushed the feature/product-zoom branch 2 times, most recently from d603d8c to 58d13cc Compare April 4, 2023 12:08
@github-actions
Copy link

github-actions bot commented Apr 4, 2023

Azure Demo Servers are available:

SGrueber and others added 2 commits April 5, 2023 16:06
…1350)

* add support for fullscreen modal styling (similar to Bootstrap 5), use `modalDialogClass: 'modal-fullscreen'` instead of `size`
* add `scrollToAnchor` method for automatic scrolling within a dialog
* extend support for all `NgbModalOptions` (not only `size`)
* use enhanced modal for product zoom images
* ICM 7.10.40.1 will provide product zoom demo data

Closes: #1011

Co-authored-by: Silke <s.grueber@intershop.de>
@shauke shauke merged commit b27ca71 into develop Apr 5, 2023
@shauke shauke deleted the feature/product-zoom branch April 5, 2023 15:48
shauke pushed a commit that referenced this pull request Apr 5, 2023
…1350)

* add support for fullscreen modal styling (similar to Bootstrap 5), use `modalDialogClass: 'modal-fullscreen'` instead of `size`
* add `scrollToAnchor` method for automatic scrolling within a dialog
* extend support for all `NgbModalOptions` (not only `size`)
shauke pushed a commit that referenced this pull request Apr 6, 2023
…1350)

* add support for fullscreen modal styling (similar to Bootstrap 5), use `modalDialogClass: 'modal-fullscreen'` instead of `size`
* add `scrollToAnchor` method for automatic scrolling within a dialog
* extend support for all `NgbModalOptions` (not only `size`)
shauke pushed a commit that referenced this pull request Apr 6, 2023
* use enhanced modal for product zoom images
* ICM 7.10.40.1 will provide product zoom demo data

Closes: #1011

Co-authored-by: Silke <s.grueber@intershop.de>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add simple image zoom to Product Detail Page
6 participants