• Resolved Adam Badura

    (@adambadura)


    Demo (use “test” as the password):
    https://www.uniwersytecki.archidiecezja.wroc.pl/test-for-photonic-more-button/

    The demo is a blocks-based page with a shared Google Photos album of 928 photos. The wizard created the following shortcode:

    [gallery type='google' view='photos' album_id='AELsBMKoHTZMBbg4EniqpBLHDsvGopHPOeZ247W7fiGL2wbQmxPsaSzAfdCv7LBMVb0CRWEJjZ1uGtAjXsqNJHK0t8M2JiM81A' more='Poka? dalsze zdj?cia' main_size='1600' layout='random']

    (However, the page uses the Photonic block rather than the shortcode directly. I’m providing it for reference only.)

    At the end of the shown photos, there is the “More” button as expected. However, after clicking it a wait symbol shows, lasts for some time and then disappears together with the button, but no photo shows.

    • This topic was modified 4 years, 9 months ago by Adam Badura.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    Your theme or one of your other plugins is interfering with Photonic’s markup (and is actually breaking the markup). For the page you provided if you “View Source” you will see this for any photo in your gallery:

    <div class="photonic-google-image photonic-google-photo photonic-pad-photos photonic-level-1 photonic-thumb photonic-thumb-random">
    			<a  class='photonic-launch-gallery launch-gallery-swipebox swipebox'  rel='lightbox-photonic-google-stream-1'  href="https://lh3.googleusercontent.com/lr/AGWb-e6dZtMLPH0934nbT_6tT9perkpEyMNyDij0UmiYGxB55Ko72avofCKEPOthzFihiweWSXNIxzCLmyTr-V9qic7D15UNAGZj9WkrLsG5Y_pmAlTW73cMa6ayofSlp35GAms4-CVG0GneL4NnxzyKMavSxboZ3JVUFnU3-p4asM0UgAYVk18eXak0odzeRVXuh8WgL2P13TUqOuvHSfshZPE6Nm2mHL5LAMsQajOcBBw-T7cIJO5j_buOmYakl_utvrTTIi4u5Ue-Ug_ka52Db15o50t6Dd23SNhxO8uOzmmDlCdve3utSkBhVmzv775EuvMQ5SbvUg2Us4aXWcvbEMztQhishgK7aIpLkPea83fsaMPe_vlBdDEz1cSb5zkuF1MnJ8MAP1rmopZyv714-OaEPFeanJAJf6JdFjaLdjTzOZQWez9Zwm_PvtiJfkpBrbWtxuaCQu0FS5NLqMmy3mTxgLq1jSXdnv8IlTe8BLamDnuBiYrRu_k93do8eBcHXs-ZOKNmFuVGdQI-qg1Pb5WbROdLy5Crm-wu74TklFvlZZ5AU8l58TUWdNG08eaa8H_EeBvG0-zynEpI8wG6iebFnScVt7lNXH9ZMqIXtjoyxj_Jm51pfez0UtU58b8MQsWwqdrkXLBSxk5AEFC6_sJ_Y4xl1dw0FUG3IRoXYGXLQT4GxXj_Ox2b8uieV8nNXmH-FcfuEwV4mdp7LVS1P5CTdtxSGvLs3cMN6gjsKOuInx1D18rBZW4SaSCOPhvkyYb_lNixo-yUU0UqZesidt13oCBKYoxkVRkzf9qsyELQYppqfA=w1600-h1600" title="" data-title=""   data-photonic-media-type="image"   data-photonic-deep="gallery[photonic-google-album-1]/AELsBMIIkLJjBP3AmdKRwhKTVyEE10d-x0xADd-rWLNESVUcFl-a5LgiUoKy85ABcJtZrW2gBktM/" >
    				<img alt="" src="https://lh3.googleusercontent.com/lr/AGWb-e6dZtMLPH0934nbT_6tT9perkpEyMNyDij0UmiYGxB55Ko72avofCKEPOthzFihiweWSXNIxzCLmyTr-V9qic7D15UNAGZj9WkrLsG5Y_pmAlTW73cMa6ayofSlp35GAms4-CVG0GneL4NnxzyKMavSxboZ3JVUFnU3-p4asM0UgAYVk18eXak0odzeRVXuh8WgL2P13TUqOuvHSfshZPE6Nm2mHL5LAMsQajOcBBw-T7cIJO5j_buOmYakl_utvrTTIi4u5Ue-Ug_ka52Db15o50t6Dd23SNhxO8uOzmmDlCdve3utSkBhVmzv775EuvMQ5SbvUg2Us4aXWcvbEMztQhishgK7aIpLkPea83fsaMPe_vlBdDEz1cSb5zkuF1MnJ8MAP1rmopZyv714-OaEPFeanJAJf6JdFjaLdjTzOZQWez9Zwm_PvtiJfkpBrbWtxuaCQu0FS5NLqMmy3mTxgLq1jSXdnv8IlTe8BLamDnuBiYrRu_k93do8eBcHXs-ZOKNmFuVGdQI-qg1Pb5WbROdLy5Crm-wu74TklFvlZZ5AU8l58TUWdNG08eaa8H_EeBvG0-zynEpI8wG6iebFnScVt7lNXH9ZMqIXtjoyxj_Jm51pfez0UtU58b8MQsWwqdrkXLBSxk5AEFC6_sJ_Y4xl1dw0FUG3IRoXYGXLQT4GxXj_Ox2b8uieV8nNXmH-FcfuEwV4mdp7LVS1P5CTdtxSGvLs3cMN6gjsKOuInx1D18rBZW4SaSCOPhvkyYb_lNixo-yUU0UqZesidt13oCBKYoxkVRkzf9qsyELQYppqfA=w1600-h1600"  class='random' /></p>
    <p>			</a>
    		</div>

    In this, the </p> and <p> tags are not from Photonic – in fact Photonic does not use paragraph tags anywhere. They are being inserted by something else, probably an auto-formatting plugin of some type. Not only that, the tags are being inserted incorrectly – you are first getting a closing tag, then an opening tag, and both are being put in the middle of a different tag without getting closed out correctly.

    For your initial render your browser still manages to understand that it should ignore the tags and then displays your gallery. But when you click on the “More” button and the improper markup is returned, the JavaScript interpreter cannot pull out the correct elements and hence nothing is showing up.

    Thread Starter Adam Badura

    (@adambadura)

    Any hint where to look and for what? I’m a very novice WordPress user. The page was prepared by someone else and now I was left maintaining it… It uses Hueman theme.

    Thread Starter Adam Badura

    (@adambadura)

    I have checked and it seems the Hueman theme itself is fine, works OK. The problem is caused by some customization done to the Hueman theme in our site. At least I know where to look for…

    Plugin Author Sayontan Sinha

    (@sayontan)

    Sorry, I missed your previous post here.

    Basically WP has a concept called autop, wherein it tries to automatically format content by automatically putting in paragraph tags (i.e. p tags). This is one of the most disliked features out of the box in WP, more so because it is used in unexpected places. You might have some other plugins that deal with creating content via shortcodes, and they might be making use of this, causing the markup in Photonic to break. I would start by selectively disabling any type of content-formatting plugins to isolate the culprit.

    Thread Starter Adam Badura

    (@adambadura)

    It seems it was this autop thing. Even worse than that. It was some customized autop version present in the child theme I have, derived from Hueman.

    I have disabled this custom autop (reverting back to the ordinary one) and it works now. I did not identify any issue arising from that, hoping none will be found.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘The “More” button does nothing for a large Google Photos album’ is closed to new replies.