Jump to content

Slider hight fixen in classic-Theme mit Prestashop 1.7


Recommended Posts

Hi miteinander,

 

ich habe diese Woche einen neuen Shop aufgesetzt, um mir die 1.7 mal genauer anzuschauen. Beim Slider bin ich jedoch auf ein Problem gestoßen. Ich habe diesen für Mobil aktiviert (+ Code angepasst). Nur leider nimmt der Slider mehr Platz ein als das Bild eigentlich hoch ist. Am PC ist es kein Problem, hier habe ich eine Darstellung von ca. 1110x342 px messen können und das Bild passt perfekt rein (Auflösung 2220x684 px). Wieso auch immer am Handy nun ein anderes Verhältnis entsteht ...  :mellow:

 

Hier der Code der Datei "imageslider.scss":

.carousel {
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: rem(24px);
  .direction {
    z-index: auto;
  }
  .carousel-inner {
    height: 340px;
  }
  .carousel-item {
    height: 100%;
    img {
      width: 100%;
      margin-left: 0;
    }
    .caption {
      position: absolute;
      bottom: 28px;
      left: 90px;
      color: white;
      max-width: 340px;
      .caption-description p {
        color: white;
      }
    }
  }
  .carousel-control {
    opacity: 1;
    .icon-next,
    .icon-prev {
      &::before {
        content: "";
      }
      i {
        font-size: rem(50px);
        color: white;
      }
      &:hover {
        i {
          color: $brand-primary;
        }
      }
    }
    .icon-prev {
      left: rem(16px);
    }
    .icon-next {
      right: rem(32px);
    }
    &.left,
    &.right {
      background: none;
    }
  }
}

Was muss ich hier anpassen, um die Höhe zu fixen bzw. die maximale Höhe von 342px einzustellen? Habe schon etwas rumprobiert und viel gesucht (Google & Forum), bin aber leider nicht zum Ziel gekommen. Bei der 1.6 konnte man das auch über die CSS-Datei einfach anpassen. Kann mir da jemand versiertes vielleicht bei dieser Version weiterhelfen?

Oder kennt schon jemand das Problem und konnte es anders beheben?

 

Über Hilfe wäre ich sehr dankbar. Betrifft sicher noch andere User / Tester der 1.7, welche mobil den Slider nutzen wollen.

 

Viele Grüße

Philipp

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...