• Resolved Wasz Stary

    (@wasz-stary)


    Hi Jacob!

    First of all, allow me to say that I love your plugin and the amount of customization allowed is incredible.
    I did run into an issue though and despite reviewing many tutorials and meddling with settings I can’t seem to get it right.

    Here is the page that causes problems:
    https://jamnijar.pl/nasze-akity/
    Neither image resizes, causing a considerable mess when browsing through mobile or simply resizing browser window.

    I am using [wppa type="content" album="1" align="fit" size="auto"] and I have Table I.A.1 (and I.A.1.1 while at that) set to “auto” as well.
    The album is setup to “Long Descriptions mcr”; I reloaded all images and thumbnails via Actions table.

    I have the table I.D.5 set to “600”; can’t enter “auto” there I’m afraid.

    The theme I use is https://www.templateexpress.com/striker/ but I don’t think I am qualified enough to say whether its CSS affects this; the theme itself is responsive and all other pages display OK (including your plugin’s widget on the main page).

    Here is the screenshot of how the page in question displays on my mobile:
    https://imgur.com/EGo4SOX

    Thanks in advance for any assistance you can offer!

    https://www.ads-software.com/plugins/wp-photo-album-plus/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Jacob N. Breetvelt

    (@opajaap)

    The cover photo ( like all thumbnail-like images ) are NOT responsive.
    You should set the coverphoto size to a reasonable size, like 100 or 200.

    If you want this effect: 1 responsive image linking to the content of an album, use for every album a shortcode like this:

    [wppa type="photo" photo="123"][/wppa]

    Create a landing page( a page with shortcode: [wppa type="landing"][/wppa] )
    Set the link in Table VI-B3a to ‘the content of the album’.
    Select your landing page on Table VI-B3b.
    Tick the PSO box in Table VI-B3d.

    Thread Starter Wasz Stary

    (@wasz-stary)

    Hey Jacob,
    what I really want to achieve is the title and description of the photo visible on the left and the whole page layout remaining responsive.

    I was under impression that all photos, including the cover ones, were responsive, following this tutorial:
    https://wppa.opajaap.nl/wppa-tutorial/variable-column-width/wppaspec/oc1/cv0/ab1/ptHPIM1529.JPG

    Either way, I tried just a single photo aligned to the right, as you suggested, on this separate example page:
    https://jamnijar.pl/nasze-mioty/
    using the following code:
    [wppa type="photo" photo="5" size="auto" align="right"][/wppa]
    but the sizes still don’t adjust on mobile browsing ??

    Any ideas how to approach this? If you need any more info, please let me know.
    Thanks!

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Try this, enter it to the page with the text editor, NOT the visual!!!:

    [wppa type="photo" photo="2524" size="0.75" align="right"][/wppa]Text block 1
    <a href="?occur=1&album=2&cover=0" >See Album #2</a>
    <div style="clear:both;"></div>
    [wppa type="photo" photo="2525" size="0.75" align="right"][/wppa]Text block 2
    <a href="?occur=2&album=3&cover=0" >See Album #3</a>
    <div style="clear:both;"></div>
    [wppa type="photo" photo="2526" size="0.75" align="right"][/wppa]Text block 3
    <a href="?occur=3&album=4&cover=0" >See Album #4</a>
    <div style="clear:both;"></div>

    Choose album numbers and photo numbers that exist on your site.
    This will give you responsive photos of 75% width, right aligned, with text to the left.

    If you have a landing page, you can change <a href="?occur=3&album=4&cover=0" > into <a href="https://url_to_landing_page?occur=1&album=4&cover=0" >. Note that occur=1 in all those cases, because you have only one wppa shortcode on the landing page.

    BTW Make sure Table I-A1 is set to auto

    Thread Starter Wasz Stary

    (@wasz-stary)

    Thanks a lot, Jacob, works perfectly!
    Your help is really appreciated ??

    One last question – is it possible to introduce mousover opacity/transparency effects to photos, the same way as for thumbs or covers? If not via plugin settings, perhaps some custom HTML or CSS can be applied?

    Thanks,

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    If it is for the ‘coverimages’ you constructed as above, add this code once at the end of the content of the page:

    <script type="text/javascript">
    jQuery('.wppa-sphoto').fadeTo(100,0.8);
    jQuery('.wppa-sphoto').on('mouseover',function(){jQuery(this).stop().fadeTo(100,1)});
    jQuery('.wppa-sphoto').on('mouseout',function(){jQuery(this).stop().fadeTo(100,0.8)});
    </script>

    This will set the initial opacity to 80%, and change it to 100% on mouseover, and back to 80% on mouseout

    Thread Starter Wasz Stary

    (@wasz-stary)

    You are a genius, Jacob, thank you very much!

    I noticed one more issue that may or may not be connected with either my site’s settings or your plugin. On the main page: https://jamnijar.pl/ the left column widget – your plugin’s “Sidebar Slideshow” – while working perfectly on PC browser, causes problems on mobile.

    If you access the site with a mobile device’s browser, you will find out that not only is the Slideshow unclickable – but also it completely “blocks” the touchscreen input whenever the finger is over it, making it impossible to scroll through the page.

    Here is a screenshot of the widget’s setup: https://awesomescreenshot.com/0fc3zkvse9

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    The default behaviour of the slideshow image is that you can left-right swipe for next or previous photo.
    If this interferes with your expectations, you can switch it off in Table IV-B14 of the Photo Albums -> Settings admin page.

    BTW. This question is unrelated to the topic of this thread, would you please be so kind to open a new thread for a new topic next time, because no one will find this question and answer at this place.

    Thread Starter Wasz Stary

    (@wasz-stary)

    Thank you very much, Jacob!
    All working perfect now; next time I will make sure to open another thread ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘WPPA album not resizing on mobile device’ is closed to new replies.