kuba2

Members
  • Content count

    73
  • Joined

  • Last visited

Community Reputation

12 Good

About kuba2

  • Rank
    Full Member
  • Birthday 12/26/1976

Contact Methods

  • Website URL
    http://www.jakubdegler.ch

Profile Information

  • Gender
    Male
  • Location
    Bern, Switzerland
  • Interests
    Art, Velo, Beer

Recent Profile Visitors

1,045 profile views
  1. This works! Thanks <div class="column nopad" id="quadrat2-footer "> <p> <a href="https://c1.staticflickr.com/1/357/31876784275_12286240d4_h.jpg" data-fancybox="images-single"> <img src="https://c1.staticflickr.com/1/357/31876784275_fbc9696913_m.jpg" /> </a> </p> <div style="display: none;"> <?php foreach($page->galerie as $image) { echo "<a href='{$image->url}' data-fancybox='images-single' title='{$image->description}'></a>"; } ?> </div> </div>
  2. I don't think I need the data-thumb attribute, it works well without it
  3. Hello I am using the Fancybox 3 gallery and I have a problem loading the images from the backend via PHP into the imagegallery. Please help with the PHP.... I am using the Gallery with one preview image: http://codepen.io/fancyapps/pen/jyEGGG/?editors=1000 Here is the original code: <h3>Gallery with one preview image</h3> <p> To show only one or a few images but have a large gallery, simply hide the rest of the links. <br /> Optionally, use <code>data-thumb</code> for thumbnail image. </p> <p> <a href="https://c1.staticflickr.com/1/357/31876784275_12286240d4_h.jpg" data-fancybox="images-single"> <img src="https://c1.staticflickr.com/1/357/31876784275_fbc9696913_m.jpg" /> </a> </p> <div style="display: none;"> <a href="https://farm3.staticflickr.com/2947/33594572585_b48eba935b_k_d.jpg" data-fancybox="images-single" data-thumb="https://farm3.staticflickr.com/2947/33594572585_46ca00f3a5_m_d.jpg"></a> <a href="https://farm3.staticflickr.com/2859/33395734202_522f9d8efd_k_d.jpg" data-fancybox="images-single" data-thumb="https://farm3.staticflickr.com/2859/33395734202_15a81c4ef3_m_d.jpg"></a> </div> How do I put all my images into the div? I guess it is quite simple, but I have failed all day trying to implement this. My folder in the backend with the images is called 'galerie'. I have tried something like this with a foreach array but it doesn't work. <h3>Gallery with one preview image</h3> <p> To show only one or a few images but have a large gallery, simply hide the rest of the links. <br /> Optionally, use <code>data-thumb</code> for thumbnail image. </p> <p> <a href="https://c1.staticflickr.com/1/357/31876784275_12286240d4_h.jpg" data-fancybox="images-single"> <img src="https://c1.staticflickr.com/1/357/31876784275_fbc9696913_m.jpg" /> </a> </p> <div style="display: none;"> <?php foreach($page->galerie as $image) { echo "<a href='{$image->url}' data-fancybox="images-single" title='{$thumbnail->description}'></a>"; } ?> </div> Thank's a lot for any help! Jakob
  4. Hello I have an image with 3 different squares ( see image - white square on the left with 3 differently coloured little squares ), which each need to link to other pages. What is the best way to achieve this? Do i put 3 DIV's over the <img>, or do I put 3 square DIV's in a big square DIV? Thanks for any help Jakob
  5. Wow, danke schön!
  6. Thanks a lot for Your input! Very much appreciated. In my understanding media queries only react to screen size. The ipad Pro has more or less the same size as a laptop. So a media querie is not the right way, otherwise the bg-attachment scroll will be applied to the laptop, where bg-attachment fixed works fine. I would need to use Your JS example, right? Thanks again Jakob
  7. Hello Is there a way to program my code in a way, that the website has Background-Attachment Fixed on laptops and PC's and Background-Attachment Scroll on mobile devices? On ios Background-Attachment Fixed does not work. It can't be done with media queries, because the ipad pro is bigger than my laptop. Maybe a Javascript or something. I found this, but not knowing Javascript I don't know if it would work. Could this work? if (iosVersion >= 7) { $(document).scroll(function() { $('#background').css('background-position', '0px ' + $(document).scrollTop() + 'px'); }); } Can anybody offer some advice? Thanks a lot Jakob
  8. Hi there I am intending on using the shopify button, which is created by embedding a code from shopify... Is that doable with processwire and php? I saw they make an embed code for html...can I put that somehow in the backend, so that the php puts it out as html code? At the moment I have this PHP code: <?php foreach ($page->children() as $product): ?> <div class='single-product-wrapper'> <img src="<?php echo $product->img->first()->url; ?> "/> <p><?php echo $product->inhalt1; ?></p> </div> <?php endforeach; ?> What is the best way to combine shopify an PW? Thanks Jakob
  9. Good question... The two on the bottom are for flexslider, which I removed ( forgot to remove them ) One for an animation ( easing in of images ), I just copied the jquery from my example
  10. Here's my code for the page with all the products, which works. Image size works via CSS. I am planning implementing shopify, so there will be no single product page. By the way, I am using the shopify button, which is created by embedding a code from shopify...is that doable with processwire and php? I saw they make an embed code for html...can I put that somehow in the backend, so that the php puts it out as html code? <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>In-Albon Devotionalien</title> <link rel="stylesheet" href="<?php echo $config->urls->templates?>styles/app.css"> <link rel="stylesheet" href="<?php echo $config->urls->templates?>styles/style.css"> </head> <body> <!-- Header --> <!-- INCLUDE NAV.PHP --> <?php include("./header2.inc"); ?> <div class="row"> <div class="large-12 medium-12 columns" id="centerdiv"> <div class="wrap"> <div class="bilder-produkte"> <?php foreach ($page->children() as $product): ?> <div class='single-product-wrapper'> <img src="<?php echo $product->img->first()->url; ?> "/> <p><?php echo $product->inhalt1; ?></p> </div> <?php endforeach; ?> </div> </div> </div> </div> <!-- Footer --> <?php include("./footer.inc"); ?> <script src="<?php echo $config->urls->templates?>bower_components/jquery/dist/jquery.js"></script> <script src="<?php echo $config->urls->templates?>bower_components/what-input/what-input.js"></script> <script src="<?php echo $config->urls->templates?>bower_components/foundation-sites/dist/foundation.js"></script> <script src="<?php echo $config->urls->templates?>js/min/app-min.js"></script> <script src="<?php echo $config->urls->templates?>js/jquery-2.1.3.min.js"></script> <script src="<?php echo $config->urls->templates?>js/functions.js"></script> <!-- jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="<?php echo $config->urls->templates?>js/libs/jquery-1.7.min.js">\x3C/script>')</script> </body> </html>
  11. Hello again Thanks for all the help, love the forum! How do I resize the image? I have no Idea how to write something like this ( $thumbnail ) in Shorthand. <?php foreach($page->image_field as $image) { $thumbnail = $image->size(150,100); echo "<p><a href='{$image->url}'><img src='{$thumbnail->url}' alt='{$thumbnail->description}' ></a></p>"; } ?> Also, I wrote the shorthand code in regular PHP, and the images didn't show anymore.... this <?php foreach ($page->children() as $product): ?> <div class='single-product-wrapper'> <img src="<?php echo $product->img->first()->url; ?> "/> <p><?php echo $product->inhalt1; ?></p> </div> <?php endforeach; ?> into this <div class='single-product-wrapper'> <?php foreach ($page->children() as $product){ echo $product->img->first()->url; echo $product->inhalt1; } ?> </div> That is the same, isn't it? Thanks Jakob
  12. Hey there, thanks again Almost there With this code: <?php foreach ($page->children() as $product): ?> <div class='single-product-wrapper'> <img src="<?php echo $product->img; ?> "/> <p><?php echo $product->inhalt1; ?></p> </div> <?php endforeach; ?> I get this output: <div class='single-product-wrapper'> <img src="roter-engel-kerze-gross-big.png "/> <p><p>Grosser Roter Engel mit Kerzenlicht</p> <p>Ein grosser Keramikengel mit kleinen Löchern, durch welche das Kerzenlicht scheinen kann. Filigrane Gesichtszüge geben der Skulptur einen feinen Touch. </p></p> </div> <div class='single-product-wrapper'> <img src="sitz-big.png "/> <p><p>Sitzender Engel</p> <p>Dieser sitzende engel kann auf einer Möbelkante platziert werden und schaut fröhlich im Zimmer umher.</p> <p>Die Figur ist ca. 25 cm hoch.</p></p> </div> <div class='single-product-wrapper'> <img src="gruner-engel-mittel-stehend-big.png "/> <p><p>Fröhlicher stehender grüner engel</p> <p>Die Figur kann überall platziert werden und verbreitet gute Stimmung.</p> <p>Höhe: 15cm</p></p> </div> But somehow the images don't show.... I tried the $product->img->url doesn't work. It's probably a detail, but I don't see it Thanks
  13. Thanks for sharing! I started coding everything at once, so my PHP is lacking. Great to here how You came to it...helps a lot.