Removing Download Button - Gallery Share Menu

Hey Support team,

Is there a way one can remove the Download button from the gallery page Share menu?
Thank you for the help!

(ps. the opacity in the gallery page also doesn't seem to be the same like the Quark Gallery page. (Hover over function)

Hi,

Please open your Quark/js/photoswipe-ui.min.js and remove the following fragment:

Code: Select all

,{id:"download",label:"Download image",url:"{{raw_image_url}}",download:!0}


but I'm not sure what's the issue with the opacity, could you provide your gallery page URL?

Thanks Moderator!

http://www.dk-foto.at/portfolio/

Please edit your gallery page (text editor, not the visual one) and remove unnecessary <p>, </p> tags from your gallery content.

Alternatively, you can add the following custom css code:

Code: Select all

.gk-cols.gk-gallery > div a > img {
    display: block;
    height: auto;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%;
    will-change: opacity;
}

.gk-cols.gk-gallery > div a:hover > img {
    opacity: 0.7;
}


Perfect! Worked like a charm!
Would you be able to assist with the following problem: once the picture is clicked the image is enlarged (is it possible to centre the image?), but underneath the enlarged image, the same image is duplicated and also visible, until one clicks to the next image. (does that make sense? - on smartphone, laptop and desktop the same problem exists.)

http://www.dk-foto.at/portfolio/#&gid=1&pid=21

Screen Shot 2016-09-14 at 21.42.18.png

Hi,

It's because your images size I think. You should use two files of the same image (the second should be a thumbnail, smaller image with "width" and "height" attributes added. Please check the first part of default gallery code:

Code: Select all

<a href="images/gallery/image1.jpg" data-size="1280x1280" data-title="Modern clock" data-desc="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit."><img src="images/gallery/thumb1.jpg" height="334" width="334" alt="Thumbnail I" /></a>


first image is 1280 x 1280px (data-size attribute), but the second (thumb1.jpg) is 334x334px. (height and width attributes)

Dear Moderator,

I did what you suggested, but still having the same problem.

I can't see your gallery now - cooming soon mode is enabled.

maintenance mode deactivated.

Try to use the following code instead:

Code: Select all

<div class="site">
<div class="gk-cols gk-gallery" data-cols="3" data-pswp-uid="1">
<div>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Hotel-Zimmer-1.jpg" data-size="1280x854"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Hotel-Zimmer.jpg" alt="Hotel Zimmer Architektur Fotografie" width="334" height="223"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-Doppelt-Dunkel-1.jpg" data-size="854x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-Doppelt-Dunkel.jpg" alt="Produkt Fotografie Dunklem Hintergrund" width="223" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Knödl-Tiroler-Art-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Knödl-Tiroler-Art.jpg" alt="Food Fotografie Huetten Stil" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-Dunkel-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-Dunkel.jpg" alt="Produkt mit Dunklem Hintergrund" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Sharfes-Messer-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Sharfes-Messer.jpg" alt="Kreatives Image Bild Scharfes Messer" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Portrait-Dunkle-Rembrandt-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Portrait-Dunkle-Rembrandt.jpg" alt="Portrait im Studio Rembrandt Licht" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Splasch-Image-Bild-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Splasch-Image-Bild.jpg" alt="Image Bild mit Splasch" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Cottage-Pie-Food-Shot-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Cottage-Pie-Food-Shot.jpg" alt="Food Fotografie - Natuerliches Licht" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Pack-Shot-Cosmetik-2.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Pack-Shot-Cosmetik-1.jpg" alt="Kosmetikum Pack Shot" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Plastik-Fruchtschüssel-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Plastik-Fruchtschüssel.jpg" alt="Plastik Schuessel mit Frucht" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Oliven-Öl-Hell-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Oliven-Öl-Hell.jpg" alt="Produkt Fotografie - mit Spiegelung" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Food-Elegant-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Food-Elegant.jpg" alt="Food Fotografie - Elegant" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkte-Spiegelung-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkte-Spiegelung.jpg" alt="Produkt mit Spiegelung" width="334" height="334"></a>
</div>
<div>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Portrait-Eintönig-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Portrait-Eintönig.jpg" alt="Portrait Eintoenig Studio" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Cover-Foto-Alkohol-produkt-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Cover-Foto-Alkohol-produkt.jpg" alt="Image Bild Alkoholflasche Cover Werbung" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-Grauerhintergrund-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-Grauerhintergrund.jpg" alt="Produkt Photoshop Grauer Hintergrund" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Portrait-Natürlicheslicht-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Portrait-Natürlicheslicht.jpg" alt="Portrait Natuerliches Licht" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Splasch-Image-Produkt-Foto-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Splasch-Image-Produkt-Foto.jpg" alt="Splasch image produkt foto Werbung" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Innen-Architektur-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Innen-Architektur.jpg" alt="Innen Architektur" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Focusstack-Produkt-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Focusstack-Produkt.jpg" alt="Produkt Foto Focusstack" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Außenarchitektur-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Außenarchitektur.jpg" alt="Hotel Außen Architektur" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Splasch-white-Background.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Splasch-white-Background.jpg.jpg" alt="Splasch Image Bild Werbung" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-weiß-und-schwarz-1.jpg" data-size="1280x1280"><img class="alignnone" src="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-weiß-und-schwarz.jpg" alt="Weinflasche mit glass" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Alkohol-Produktfoto-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Alkohol-Produktfoto.jpg" alt="Produkt Foto mit Spiegelung" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-Image-Bild-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-Image-Bild.jpg" alt="Image Bild mit Zutaten" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-Weißer-Hintergrund-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Produkt-Weißer-Hintergrund.jpg" alt="Alkohol Produkt Foto Spiegelung" width="334" height="334"></a>
</div>
<div>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Innen-Architektur-Einkaufzentrum-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Innen-Architektur-Einkaufzentrum.jpg" alt="Innen Architektur Einkaufzentrum" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Messer-Imagebild-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Messer-Imagebild.jpg" alt="Messer-imagebild Katalog Werbung" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Innenarchitektur-Auditorium-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Innenarchitektur-Auditorium.jpg" alt="Innen Architektur Halle" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Porträt-Studio-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Porträt-Studio.jpg" alt="Portrait Fotoshoot Studio Dunkel" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Splasch-Imagebild-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Splasch-Imagebild.jpg" alt="Splasch Foto Image Alkoholflasche" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Wein-Imagefoto-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Wein-Imagefoto.jpg" alt="Weinflasche Image Foto Roter Hintergrund" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Katalogfoto-Utensilien-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Katalogfoto-Utensilien.jpg" alt="Katalogfoto-Utensilien Werbung" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Porträt-Eintönig-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Porträt-Eintönig.jpg" alt="Portrait Eintöenige Farben" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Spruehdosen-Farbig-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Spruehdosen-Farbig.jpg" alt="Spruehdosen-Farbig Werbung" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Fleischfotos-Katalog-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Fleischfotos-Katalog.jpg" alt="Fleischfoto fuer Katalog oder Flugblatt" width="334" height="334"></a>
<a href="http://www.dk-foto.at/wp-content/uploads/2016/09/Freigestellte-Flaschen-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Freigestellte-Flaschen.jpg" alt="Freigestellte Weinflaschen" width="334" height="334"></a>
<a href="hhttp://www.dk-foto.at/wp-content/uploads/2016/09/Produktfoto-Spiegelung-1.jpg" data-size="1280x1280"><img src="http://www.dk-foto.at/wp-content/uploads/2016/09/Produktfoto-Spiegelung.jpg" alt="Produktfoto-Spiegelung Weißerhintergrund" width="334" height="334"></a>
</div>
</div>
</div>


and please check first 2 images (kitchen and shampoo), you have to use data-size and "width" and "height" connected with real size of your image and thumbnail.

Perfect! Its working! Thank You sir!