Project

General

Profile

Actions

GX-Bug #67162

closed

Eigenschaften mit Langen Namen und langen Wertenamen können zu einem "flackern" beim hovern der eigenschaften bilder führen.

Added by Armin Eden over 3 years ago. Updated over 3 years ago.

Status:
Erledigt
Priority:
Normal
Assignee:
Julian Heckmann
Category:
Frontend
Target version:
% Done:

0%

Estimated time:
Steps to reproduce:
Betroffene Versionen:
4.1.1.2, 4.1.1.3
Release Notes Langtext:

Unschöner Textumbruch durch zu lange Eigenschaftsnamen korrigiert.


Description

Im Shop muss ein Artikel mit Eigenschaften vorliegen.
Die Eigenschaft muss per Bild dargestellt werden.

Die Eigenschaft braucht einen langen Namen.
Die Eigenschaften-Werte brauchen ebenso einen langen Namen.

Hovert man nun eine andere als die aktive Eigenschaft, so kann es passieren, dass entweder die Darstellung verschoben wirkt oder wenn die Namen sehr lange sind, die Auswahl nach unten verschoben wird. Dies wirkt sehr störend.


EDIT

Preconditions:

  • create a property with a long name (e.g. Grööööööööööööööööööööööööööööße)

  • the property has to be displayed as 'image'

  • create at least 6 property values, each with a long name (approx. > 20 characters)

  • each property value must have an image

  • one property value must have a surcharge

  • shop width should be 1200px (default) or smaller (SE4 > Layout)

  • add the property vlaues to a product, if applicable combine them with other property values

  1. call this product in the frontend

  2. hover over the property images

result:

  • because a new row is inserted for the property value, everything below is shifted

  • the new line is only displayed if a value is selected or highlighted

  • when the surcharge is displayed, property values get shifted to a new row

  • if you hover fast between all values, flickering can occur

  • because of this, some values can't be selected at all

  • check out the video attached

possible solution:

  • check if property and property value can be displayed next to each other, if not, the additional row should always be displayed, even when it is empty

Files

verschoben_1.JPG (29.3 KB) verschoben_1.JPG Armin Eden, 06/11/2020 04:00 PM
video_property-values_long-names.webm (4.7 MB) video_property-values_long-names.webm Ulrich Wenk, 07/29/2020 03:12 PM

Actions

Also available in: Atom PDF