lebroniu

Help - Shopify logo (reikia pakeisti kodo dali)

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

Dalintis šį pranešimą


Nuoroda iki šio pranešimo
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.

Dalintis šį pranešimą


Nuoroda iki šio pranešimo
Dalintis per kitą puslapį

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ų

×   You cannot paste images directly. Upload or insert images from URL.


  • Šiame puslapyje naršo:   0 nariai

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

  • eneba
  • eneba
  • eneba



  • SuperGames programele
  • SuperGames programele