Comments

5 comments

  • David Hakkert

    Dit zit al in de standaard img code van Plate (zie je dat stukje crop?) .

    Op dat moment komt er een knopje bij, bij de afbeelding in de sidebar, om hem te croppen.

    {% assign srcsets = nil %}{% assign sizes = nil %}
           {% if image.image %}
             {%- for viewport in site.viewports -%}
             {%- assign img_width = column.viewport_options[viewport.name].avg_image_width -%}

             {%- assign srcset = image.image | img_url: img_width, crop: image.image.crop | append: " " | append: img_width | append: "w" -%}
             {%- assign srcsets = srcsets | push: srcset -%}

             {%- assign size = img_width | append: "px" -%}
             {%- if viewport.min_width > 0 -%}
             {%- assign size = "(min-width:" | append: viewport.min_width | append: "px) " | append: size -%}
             {%- endif -%}
             {%- assign sizes = sizes | push: size -%}
             {%- endfor -%}

             {%- assign src = srcsets[0] | split: " " | first -%}
             {%- assign srcsets = srcsets | join: "," -%}
             {%- assign sizes = sizes | reverse | join: ", " -%}

             {% if image.link != "" %}
               <a href="{{ image.link }}">{{ src | img_tag: srcset: srcsets, sizes: sizes, inline_crop_for: image.image }}</a>
               {% else %}
               {{ src | img_tag: srcset: srcsets, sizes: sizes, inline_crop_for: image.image }}
             {% endif %}
             {% else %}
             Geen afbeelding geselecteerd
           {% endif %}
    1
    Comment actions Permalink
  • David Hakkert

    Kijk, dit knopje komt er dan bij. 

    1
    Comment actions Permalink
  • Arno Tenkink

    Aah ok nice, ga ik dat binnenkort eens proberen. Dacht dat het enkel nieuwe urls gaf en verder geen effect had op de werking van de sidebar, goed om te weten.

    Ga ik eens uitproberen!

    1
    Comment actions Permalink
  • David Hakkert

    Top! :) 

     

    Ja, tis een beetje een functie die er tussendoor is geglipt ofzo 🤣. Ik wist dit eerst ook niet ;).

    1
    Comment actions Permalink
  • David Kortleven

    Waarschijnlijk omdat je:

    inline_crop_for: object.featured_image.src

    hebt in plaats van

    inline_crop_for: object.featured_image

    ?

    0
    Comment actions Permalink

Please sign in to leave a comment.