Support Center

Recent questions

About Koken

This Help Center provides support for Koken, a free content management system designed for photographers, artists and designers.

Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Disable responsive images site wide

Connor V

May 21, 2018 08:48PM EDT

Hey guys, I have a cool site up over here:

it works great, but the problem I'm having is that I notice Koken gracefully serves only an image that's as big as it needs to be for a specific screen size.

For most sites, this works great. But this artist's paintings are sometimes larger than 6x6 feet, and the ability to zoom in on smaller screens like phones to see the detail is really important. Going against conventional web development teachings, we want to disable these responsive features, instead always serving the original image & just carefully optimizing(as in filesize, PS Save for Web stuff) these ourselves. I've tried several things that I read about online.

Here's what I have:

<div class="img-wrap single-image-page" data-koken-ignore-responsive="true">

<koken:if true="settings.show_img_spinner">

<koken:img src="{{ content.presets.huge.url }}" class="nospin"/>


<koken:img src="{{ content.presets.huge.url }}" class="nospin"/>



notably, "{{ content.presets.huge.url }}" and "data-koken-ignore-responsive="true"" are from what I understand supposed to serve only the original image. But it still seems that not the original image is displayed on mobile devices. Here's a page that this should affect:

I'm not sure what I'm doing wrong here... Any help is greatly appreciated

This question has received the maximum number of answers.
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found