1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

ROZWIĄZANE Wielkość zdjęcia głównego w galerii

Dyskusja w 'Sklep internetowy eSklep' rozpoczęta przez użytkownika Dominik, 3 Marzec 2016.

  1. Dominik

    Dominik Opiekun

    Wiadomości:
    176
    Docenione treści:
    27
    Do Specjalistów,
    przeszukałem pół internetu i nie znalazłem ;) A dokładniej cssy i tple.

    Na stronie (przykładowo)
    http://furkidz.eu/pl/p/Bluza-Bernardyn-Glacier-Grey/2355
    pierwsze zdjęcie jest duże. Można je oczywiście zobaczyć w pełnej kreasie po kliknięciu na przycisk expand po lewej u góry.
    Ale ja chciałbym, żeby zdjęcie otwierało się od razu sporo większe niż to ma miejsce w tej chwili. - w tej chwili tracę ok 10% ekranu na cień, ale to oznacza, że zdjęcie mogłoby być większe od aktualnego o ponad 20%.
    Zmniejszyłem troszkę miniaturki, pozmniejszałem paddingi, ale dalej na górze i na dole można wykorzystać po ok. 40-50px.

    Please, help :)
     

    Załączone pliki:

    • nic.png
      nic.png
      Rozmiar pliku:
      512,1 KB
      Wyświetleń:
      516
  2. Dominik

    Dominik Opiekun

    Wiadomości:
    176
    Docenione treści:
    27
  3. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Kod:
    .shop-gallery {
        transition-property: width, height, transform, opacity;
        position: fixed;
        z-index: 9001;
        top: 15px !important;
    }
    
    .shop-gallery .shop-gallery-skin {
        background-color: #fff;
        position: relative;
        padding-bottom: 1em;
        height: 500px !important;
    }
    
    
    .shop-gallery .shop-gallery-skin .shop-gallery-inner .shop-gallery-img-container {
        margin: 0 auto;
        padding: 0 1em;
        text-align: center;
        width: 410px !important;
    }
     
  4. Dominik

    Dominik Opiekun

    Wiadomości:
    176
    Docenione treści:
    27
  5. Dominik

    Dominik Opiekun

    Wiadomości:
    176
    Docenione treści:
    27
    Dobra, zrobiłem to tak: - strasznie na piechotę i efekt mimo wszysto nie idealny, ale może być.

    .shop-gallery {
    transition-property: width, height, transform, opacity;
    position: fixed;
    z-index: 9001;
    top: 15px !important;
    }

    @media screen and (min-height: 700px){
    .shop-gallery .shop-gallery-skin {
    min-height: 700px !important;
    }
    #shop-gallery-img-container
    {
    min-height: 700px !important;
    }
    }
    @media screen and (min-height: 650px){
    .shop-gallery .shop-gallery-skin {
    min-height: 650px !important;
    }
    #shop-gallery-img-container
    {
    min-height: 650px !important;
    }
    }

    @media screen and (min-height: 600px){
    .shop-gallery .shop-gallery-skin {
    min-height: 600px !important;
    }
    #shop-gallery-img-container
    {
    min-height: 600px !important;
    }
    }
    @media screen and (min-height: 550px){
    .shop-gallery .shop-gallery-skin {
    min-height: 550px !important;
    }
    #shop-gallery-img-container
    {
    min-height: 550px !important;
    }
    }
    @media screen and (min-height: 500px){
    .shop-gallery .shop-gallery-skin {
    min-height: 500px !important;
    }
    #shop-gallery-img-container
    {
    min-height: 500px !important;
    }
    }
    @media screen and (min-height: 400px){
    .shop-gallery .shop-gallery-skin {
    min-height: 400px !important;
    }
    #shop-gallery-img-container
    {
    min-height: 400px !important;
    }
    }
    @media screen and (min-height: 350px){
    .shop-gallery .shop-gallery-skin {
    min-height: 350px !important;
    }
    #shop-gallery-img-container
    {
    min-height: 350px !important;
    }
    }

    @media screen and (min-height: 300px){
    .shop-gallery .shop-gallery-skin {
    min-height: 300px !important;
    }
    #shop-gallery-img-container
    {
    min-height: 300px !important;
    }
    }
    @media screen and (min-height: 250px){
    .shop-gallery .shop-gallery-skin {
    min-height: 250px !important;
    }
    #shop-gallery-img-container
    {
    min-height: 250px !important;
    }
    }
    @media screen and (min-height: 200px){
    .shop-gallery .shop-gallery-skin {
    min-height: 200px !important;
    }
    #shop-gallery-img-container
    {
    min-height: 200px !important;
    }
    }
     
  6. pavali

    pavali Pomocnik

    Wiadomości:
    116
    Docenione treści:
    7
    @Dominik pozwól, że się coś zapytam. Pozwoliłem sobie wejść na Twój sklep tak z czystej ciekawości co mogę także wykorzystać, oczywiście inna branżą :)
    Masz 2 ciekawe elementy,
    1. wysuwająćy się z prawej strony tekst " bezpieczne zakupy"
    2. live chat

    jak moge umieścić to w swoim sklepie?
     
  7. Dominik

    Dominik Opiekun

    Wiadomości:
    176
    Docenione treści:
    27
    Wchodź, a jak masz psa, korzystaj...

    Chat mam płatny, ale, relatywnie niedużo. Jak będę przy komputerze to podeślę.

    Bezpieczne zakupy są gratis, też podeślę.

    Nie chwaląc się mam więcej ciekawych rzeczy. Wejdź na stronę i zacznij coś wpisywać w wyszukiwarce...

    Poza tym właśnie testuję quarticon (wpisz w googla)


    Wysłane z mojego LG-H440n przy użyciu Tapatalka
     
  8. pavali

    pavali Pomocnik

    Wiadomości:
    116
    Docenione treści:
    7
    Wyszukiwarka także ciekawa :)

    także jak możesz sie podzielić swoją wiedzą to będzie super ! :D
     
  9. michalhockey

    michalhockey Opiekun

    Wiadomości:
    174
    Docenione treści:
    44
    @Dominik Super ta wyszukiwarka wygląda, ze smartsupp'a korzystam od wczoraj i żałuję, że nie zamontowałem tego na mojej stronie wcześniej :) Rozumiem, że korzystasz z licencji samodzielnej?
     
  10. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    no to czekamy na tajniki :D tez jesem ciekawe |bezpiecznych zakupow" i tej wyszukiwareczki fakne bajery =)
     
  11. Dominik

    Dominik Opiekun

    Wiadomości:
    176
    Docenione treści:
    27

Poleć forum znajomym