Dein letzter Code hat gegriffen. Habe jetzt eine eigene scss angelegt und die in base scss verlinkt der besseren Übersicht halber. Der Inhalte funktioniert:
.product-box {
border: none;
}
.product-name {
text-align: center;
}
.product-price-info {
text-align: center;
}
Bei der Description und den anderen Blöcken blockiert irgend etwas den display: none Befehl, so dass trotzdem geladen wird. Hier ist der Originalinhalt der product-box. scss. Vielleicht hat jemand ja ne Ahnung, wie man die Description ausblenden kann.
Ich bedanke mich ganz lieb bei allen, die mir hier so geholfen haben 
Liebe Grüße Anett
P.S. Hier der Inhalt der Originaldatei
/*
Product box
Styling for productbox component.
*/
$box-standard-height-img: 200px;
$box-image-height-img: 332px;
.product-box {
height: 100%;
// Do not expand the Bootstrap `stretched-link` pseudo element over the entire product card.
// By giving it the image height, only the image itself is linked and the remaining content is still selectable.
&.box-standard .stretched-link::after,
&.box-minimal .stretched-link::after {
height: calc(#{$box-standard-height-img} + var(--#{$prefix}card-spacer-y));
}
&.box-image .stretched-link::after {
height: calc(#{$box-image-height-img} + var(--#{$prefix}card-spacer-y));
}
}
.product-variant-characteristics {
min-height: 3em;
.product-variant-characteristics-text {
@include truncate-multiline(1.5em, 2, $sw-background-color);
font-size: $font-size-sm;
}
.product-variant-characteristics-option {
font-weight: $font-weight-bold;
}
}
.product-image-wrapper {
height: $box-standard-height-img;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 180px;
margin-bottom: 15px;
position: relative;
}
.product-image-link {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
&.is-cover {
align-items: flex-start;
}
}
.product-image {
display: block;
max-width: 100%;
// ‚max-height: 100%‘ not working in firefox
max-height: $box-standard-height-img;
&.is-standard,
&.is-cover,
&.is-contain {
width: 100%;
height: 100%;
}
&.is-cover {
object-fit: cover;
}
&.is-contain {
object-fit: contain;
}
&.is-standard {
object-fit: scale-down;
}
}
.product-image-placeholder {
max-width: 180px;
height: 100%;
}
.product-rating {
margin-bottom: 10px;
height: 25px;
}
/* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
// See for further information: Ask not to remove the code: -webkit-box-orient · Issue #1141 · postcss/autoprefixer · GitHub
.product-name {
color: $headings-color;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
height: 2.75rem;
margin-bottom: 10px;
font-size: 1.125rem;
line-height: 1.375rem;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
&:hover {
color: var(--text-color-brand-primary);
text-decoration: none;
}
}
.product-description {
// @deprecated tag:v6.7.0 - The general font size of the storefront will be optimized to 1rem base size.
height: if(feature(‚ACCESSIBILITY_TWEAKS‘), 4.5rem, 3.375rem);
margin-top: 10px;
// @deprecated tag:v6.7.0 - The general font size of the storefront will be optimized to 1rem base size.
font-size: if(feature(‚ACCESSIBILITY_TWEAKS‘), $font-size-base, 0.875rem);
line-height: if(feature(‚ACCESSIBILITY_TWEAKS‘), $line-height-base, 1.125rem);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
.product-price-info {
margin-top: 10px;
.product-advanced-list-price-wrapper {
font-weight: $font-weight-normal;
}
}
.product-price-unit {
height: 36px;
font-size: 0.875rem;
line-height: 1.125rem;
overflow: hidden;
}
.product-unit-label {
font-weight: $font-weight-bold;
}
.product-cheapest-price {
min-height: 20px;
font-size: $font-size-sm;
line-height: 1.25rem;
margin-bottom: 32px;
.product-cheapest-price-price {
font-weight: $font-weight-bold;
}
&.with-regulation-price,
&.with-list-price {
margin-bottom: 6px;
}
&.with-from-price {
margin-bottom: 5px;
}
}
.product-price {
color: $headings-color;
min-height: 20px;
margin-top: 10px;
margin-bottom: 0;
font-size: 1.125rem;
font-weight: $font-weight-bold;
line-height: 1.25rem;
overflow: hidden;
&.with-list-price {
color: $danger;
}
.list-price {
color: $headings-color;
font-weight: $font-weight-normal;
padding-left: 5px;
font-size: 0.75rem;
.list-price-price {
text-decoration: line-through;
}
}
.regulation-price {
color: $headings-color;
font-weight: $font-weight-normal;
padding-left: 5px;
font-size: 0.75rem;
padding-left: 0;
}
.list-price-no-line-through .list-price-price {
text-decoration: none;
}
.strikeprice-text {
color: $headings-color;
font-weight: $font-weight-normal;
padding-left: 5px;
font-size: 0.75rem;
}
}
.product-action {
margin-top: 20px;
}
.product-badges {
position: absolute;
top: 30px;
left: -1px;
z-index: 10;
.badge {
padding: 0 8px;
height: 2rem;
margin: 0 0 8px;
line-height: 2rem;
font-weight: $font-weight-bold;
color: $white;
border-radius: 0 3px 3px 0;
border-color: transparent;
font-size: 1.125rem;
letter-spacing: 0;
}
}
.product-box {
&.box-image {
.product-image-wrapper {
height: $box-image-height-img;
}
.product-image {
max-height: $box-image-height-img;
}
// box-image uses cover mode for standard display mode
.product-image.is-standard {
height: 100%;
object-fit: cover;
}
}
}
.product-price-wrapper {
font-size: 1.125rem;
}
