Peršokti į turinį
  • ŽAIDIMAI
  • , ŽAIDIMAI
  • ŽAIDIMAI

Help - Shopify logo (reikia pakeisti kodo dali)


lebroniu

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 1865 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Recommended Posts

Sveiki, čia yra headerio kodo dalis, man reikia padaryti kad per desktopą rodytu vieną logo, per mobile kitą, gal kas padėtu?

      <div class="header-logo">
        {% assign _logo_size = section.settings.logo_max_width | append: 'x' %}
        {% assign _logo_size_2x = section.settings.logo_max_width | times: 2 | append: 'x' %}
        <a href="/" title="{{ shop.name | escape }}" class="logo-site{% if _lazyload %} lazyload waiting{% endif %}">
          <img {% if _lazyload %} class="lazyload" data-srcset="{{ section.settings.logo | img_url: _logo_size }} 1x, {{ section.settings.logo | img_url: _logo_size_2x }} 2x"
               {% else %}src="{{ section.settings.logo | img_url: _logo_size_2x }}"{% endif %} 
               alt="{{ shop.name | escape }}"
               style="max-width: {{ section.settings.logo_max_width }}*Myliu SuperGames.lt*;" />
        </a>
      </div>

Ačiū iš anksto

Nuoroda į komentarą
Dalintis per kitą puslapį

        <a href="/" title="{{ shop.name | escape }}" class="logo-mobile logo-site{% if _lazyload %} lazyload waiting{% endif %}">
          <img {% if _lazyload %} class="lazyload" data-srcset="{{ section.settings.logo | img_url: _logo_size }} 1x, {{ section.settings.logo | img_url: _logo_size_2x }} 2x"
               {% else %}src="{{ section.settings.logo | img_url: _logo_size_2x }}"{% endif %} 
               alt="{{ shop.name | escape }}"
               style="max-width: {{ section.settings.logo_max_width }}*Myliu SuperGames.lt*;" />
        </a>
<a href="/" title="{{ shop.name | escape }}" class=" logo-site{% if _lazyload %} lazyload waiting{% endif %}"> <img {% if _lazyload %} class="lazyload" data-srcset="{{ section.settings.logo | img_url: _logo_size }} 1x, {{ section.settings.logo | img_url: _logo_size_2x }} 2x" {% else %}src="{{ section.settings.logo | img_url: _logo_size_2x }}"{% endif %} alt="{{ shop.name | escape }}" style="max-width: {{ section.settings.logo_max_width }}*Myliu SuperGames.lt*;" /> </a>

<style>

@media screen and (max-width: (iki kokio nori *Myliu SuperGames.lt* width)*Myliu SuperGames.lt*) {

.logo-mobile {

display: block

}

.logo-desktop {

display: none

}

}

 

@media screen and (min-width: (pries tai nustatytas *Myliu SuperGames.lt* width)*Myliu SuperGames.lt* {

.logo-mobile {

display: none

}

.logo-desktop {

display: block

}

}
</style>

Nepamiršk pasikeisti source'us mobile ir desktop.  Pažymėjau raudonai pridėtas klases (logo-desktop ir logo-mobile). O css'są visada preferink rašyt į separate failą. Jei dar reikės padėti - rašyk asmenine žinute.

Nuoroda į komentarą
Dalintis per kitą puslapį

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 1865 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti šioje temoje...

×   Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai

×   Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių

×   Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.

  • Šiame puslapyje naršo:   0 nariai

    • Nėra registruotų narių peržiūrinčių šį forumą.

Skelbimai


×
×
  • Sukurti naują...