Support » Plugin: Simple Lightbox » lightbox not loading

  • Resolved datsla

    (@datsla)


    I installed the simple lightbox plugin and selected the ‘enable in widget option’ but it does not load. I used the siteorigin image widget and linked the image but the lightbox does not launch.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Archetyped

    (@archetyped)

    Hi, please provide more details so that your issue can be fully evaluated:

    • Are you using a page builder plugin? If so, please provide a link to the plugin.
    • Is the SiteOrigin widget added to the post itself, or a site-wide widget area? Please provide screenshot of the widget’s settings.
    • Screenshot of SLB’s settings page
    • Code used in theme template used for page.

    Thank you.

    Thread Starter datsla

    (@datsla)

    yes I am using the site origin page builder:
    https://www.saminadagger.com/staging/wp-admin/options-general.php?page=siteorigin_panels

    yes it an image widget added to the project post itself (I took a screenshot but I don’t have an option here to attach it)

    I dont know what ‘SLB’ settings are?

    here is the code for the page..

    <div id="pl-1603"  class="panel-layout" ><div id="pg-1603-0"  class="panel-grid panel-has-style"  data-style="{&quot;gutter&quot;:&quot;30px&quot;,&quot;row_stretch&quot;:&quot;full&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;,&quot;equal_column_height&quot;:&quot;no&quot;,&quot;padding_top&quot;:&quot;100px&quot;,&quot;padding_bottom&quot;:&quot;50px&quot;,&quot;background_image&quot;:false,&quot;background_image_position&quot;:&quot;center top&quot;,&quot;background_image_style&quot;:&quot;parallax&quot;,&quot;use_background_video&quot;:&quot;&quot;,&quot;video_overlay&quot;:&quot;none&quot;,&quot;fade_in&quot;:true,&quot;pause_after&quot;:&quot;120&quot;,&quot;pause_play_button&quot;:true,&quot;pauseplay_xpos&quot;:&quot;right&quot;,&quot;pauseplay_ypos&quot;:&quot;top&quot;}" ><div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-1603-0" style="padding-top: 100px; padding-bottom: 50px; " data-stretch-type="full" ><div id="pgc-1603-0-0"  class="panel-grid-cell"  data-weight="0.5" ><div id="panel-1603-0-0-0" class="so-panel widget widget_sow-headline panel-first-child" data-index="0" data-style="{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;animation_offset&quot;:&quot;10&quot;,&quot;animation_iteration&quot;:&quot;1&quot;}" >[siteorigin_widget class="SiteOrigin_Widget_Headline_Widget"]<input type="hidden" value="{&quot;instance&quot;:{&quot;headline&quot;:{&quot;text&quot;:&quot;Novel Excerpt&quot;,&quot;destination_url&quot;:&quot;&quot;,&quot;tag&quot;:&quot;h1&quot;,&quot;color&quot;:&quot;#353535&quot;,&quot;hover_color&quot;:false,&quot;font&quot;:&quot;Raleway:500&quot;,&quot;font_size&quot;:&quot;40px&quot;,&quot;font_size_unit&quot;:&quot;px&quot;,&quot;align&quot;:&quot;left&quot;,&quot;mobile_align&quot;:&quot;left&quot;,&quot;line_height&quot;:false,&quot;line_height_unit&quot;:&quot;px&quot;,&quot;margin&quot;:false,&quot;margin_unit&quot;:&quot;px&quot;,&quot;so_field_container_state&quot;:&quot;closed&quot;,&quot;new_window&quot;:false},&quot;sub_headline&quot;:{&quot;text&quot;:&quot;&quot;,&quot;destination_url&quot;:&quot;&quot;,&quot;tag&quot;:&quot;h3&quot;,&quot;color&quot;:false,&quot;hover_color&quot;:false,&quot;font&quot;:&quot;default&quot;,&quot;font_size&quot;:false,&quot;font_size_unit&quot;:&quot;px&quot;,&quot;align&quot;:&quot;center&quot;,&quot;mobile_align&quot;:&quot;center&quot;,&quot;line_height&quot;:false,&quot;line_height_unit&quot;:&quot;px&quot;,&quot;margin&quot;:false,&quot;margin_unit&quot;:&quot;px&quot;,&quot;so_field_container_state&quot;:&quot;open&quot;,&quot;new_window&quot;:false},&quot;divider&quot;:{&quot;style&quot;:&quot;none&quot;,&quot;color&quot;:&quot;#EEEEEE&quot;,&quot;thickness&quot;:1,&quot;align&quot;:&quot;center&quot;,&quot;mobile_align&quot;:&quot;center&quot;,&quot;width&quot;:&quot;80%&quot;,&quot;width_unit&quot;:&quot;%&quot;,&quot;margin&quot;:false,&quot;margin_unit&quot;:&quot;px&quot;,&quot;so_field_container_state&quot;:&quot;closed&quot;},&quot;order&quot;:[&quot;headline&quot;,&quot;divider&quot;,&quot;sub_headline&quot;],&quot;fittext_compressor&quot;:0.84999999999999997779553950749686919152736663818359375,&quot;_sow_form_id&quot;:&quot;8371988986250abbbba749660632375&quot;,&quot;_sow_form_timestamp&quot;:&quot;1649454023815&quot;,&quot;fittext&quot;:false,&quot;so_sidebar_emulator_id&quot;:&quot;sow-headline-160310000&quot;,&quot;option_name&quot;:&quot;widget_sow-headline&quot;},&quot;args&quot;:{&quot;before_widget&quot;:&quot;<div id=\&quot;panel-1603-0-0-0\&quot; class=\&quot;so-panel widget widget_sow-headline panel-first-child\&quot; data-index=\&quot;0\&quot; data-style=\&quot;{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;animation_offset&quot;:&quot;10&quot;,&quot;animation_iteration&quot;:&quot;1&quot;}\&quot; >&quot;,&quot;after_widget&quot;:&quot;<\/div>&quot;,&quot;before_title&quot;:&quot;<h3 class=\&quot;widget-title\&quot;>&quot;,&quot;after_title&quot;:&quot;<\/h3>&quot;,&quot;widget_id&quot;:&quot;widget-0-0-0&quot;}}" />[/siteorigin_widget]</div><div id="panel-1603-0-0-1" class="so-panel widget widget_sow-editor panel-last-child" data-index="1" data-style="{&quot;padding&quot;:&quot;0px 30px 0px 0px&quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;animation_offset&quot;:&quot;10&quot;,&quot;animation_iteration&quot;:&quot;1&quot;}" ><div class="panel-widget-style panel-widget-style-for-1603-0-0-1" ><div class="so-widget-sow-editor so-widget-sow-editor-base">
    <div class="siteorigin-widget-tinymce textwidget">
    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>
    </div></div></div></div><div id="pgc-1603-0-1"  class="panel-grid-cell"  data-weight="0.5" ><div id="panel-1603-0-1-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="2" data-style="{&quot;class&quot;:&quot;wplightbox&quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;animation_offset&quot;:&quot;10&quot;,&quot;animation_iteration&quot;:&quot;1&quot;}" ><div class="wplightbox panel-widget-style panel-widget-style-for-1603-0-1-0" >[siteorigin_widget class="SiteOrigin_Widget_Image_Widget"]<input type="hidden" value="{&quot;instance&quot;:{&quot;image&quot;:1606,&quot;image_fallback&quot;:&quot;https:\/\/www.saminadagger.com\/staging\/wp-content\/uploads\/2022\/04\/NovelExcerpt.jpg&quot;,&quot;size&quot;:&quot;full&quot;,&quot;size_width&quot;:&quot;&quot;,&quot;size_height&quot;:&quot;&quot;,&quot;align&quot;:&quot;default&quot;,&quot;title_align&quot;:&quot;default&quot;,&quot;title&quot;:&quot;&quot;,&quot;title_position&quot;:&quot;hidden&quot;,&quot;alt&quot;:&quot;&quot;,&quot;url&quot;:&quot;https:\/\/www.saminadagger.com\/staging\/wp-content\/uploads\/2022\/04\/NovelExcerpt.jpg&quot;,&quot;bound&quot;:true,&quot;rel&quot;:&quot;&quot;,&quot;_sow_form_id&quot;:&quot;5644143266250acd573719205580764&quot;,&quot;_sow_form_timestamp&quot;:&quot;1649770785675&quot;,&quot;link_title&quot;:false,&quot;new_window&quot;:false,&quot;full_width&quot;:false,&quot;so_sidebar_emulator_id&quot;:&quot;sow-image-160310002&quot;,&quot;option_name&quot;:&quot;widget_sow-image&quot;},&quot;args&quot;:{&quot;before_widget&quot;:&quot;<div id=\&quot;panel-1603-0-1-0\&quot; class=\&quot;so-panel widget widget_sow-image panel-first-child panel-last-child\&quot; data-index=\&quot;2\&quot; data-style=\&quot;{&quot;class&quot;:&quot;wplightbox&quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;animation_offset&quot;:&quot;10&quot;,&quot;animation_iteration&quot;:&quot;1&quot;}\&quot; ><div class=\&quot;wplightbox panel-widget-style panel-widget-style-for-1603-0-1-0\&quot; >&quot;,&quot;after_widget&quot;:&quot;<\/div><\/div>&quot;,&quot;before_title&quot;:&quot;<h3 class=\&quot;widget-title\&quot;>&quot;,&quot;after_title&quot;:&quot;<\/h3>&quot;,&quot;widget_id&quot;:&quot;widget-0-1-0&quot;}}" />[/siteorigin_widget]</div></div></div></div></div></div>
    Plugin Author Archetyped

    (@archetyped)

    Hi, some notes for clarification:

    Please provide a screenshot of Simple Lightbox’s (SLB) settings page.

    Screenshots can be uploaded and shared via any free image hosting service (e.g. Imgur, etc.)

    SLB supports standard WordPress widgets. Though another plugin may refer to something as a “widget”, it may not be supported if it is not actually a standard WordPress widget.

    I need to see the code for the theme template used for page (not the page’s source from the browser) to fully evaluate your issue.

    Thanks.

    Thread Starter datsla

    (@datsla)

    here is the URL of the requested screenshots – slb and widget settings:
    https://imgur.com/a/QJAlOvl

    please confirm how I copy the code from the theme template. this code was copied from the example page from the attached screen shot – in edit function:

    <div id="pl-1603"  class="panel-layout" ><div id="pg-1603-0"  class="panel-grid panel-has-style"  data-style="{&quot;gutter&quot;:&quot;30px&quot;,&quot;row_stretch&quot;:&quot;full&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;,&quot;equal_column_height&quot;:&quot;no&quot;,&quot;padding_top&quot;:&quot;100px&quot;,&quot;padding_bottom&quot;:&quot;50px&quot;,&quot;background_image&quot;:false,&quot;background_image_position&quot;:&quot;center top&quot;,&quot;background_image_style&quot;:&quot;parallax&quot;,&quot;use_background_video&quot;:&quot;&quot;,&quot;video_overlay&quot;:&quot;none&quot;,&quot;fade_in&quot;:true,&quot;pause_after&quot;:&quot;120&quot;,&quot;pause_play_button&quot;:true,&quot;pauseplay_xpos&quot;:&quot;right&quot;,&quot;pauseplay_ypos&quot;:&quot;top&quot;}" ><div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-1603-0" style="padding-top: 100px; padding-bottom: 50px; " data-stretch-type="full" ><div id="pgc-1603-0-0"  class="panel-grid-cell"  data-weight="0.5" ><div id="panel-1603-0-0-0" class="so-panel widget widget_sow-headline panel-first-child" data-index="0" data-style="{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;animation_offset&quot;:&quot;10&quot;,&quot;animation_iteration&quot;:&quot;1&quot;}" >[siteorigin_widget class="SiteOrigin_Widget_Headline_Widget"]<input type="hidden" value="{&quot;instance&quot;:{&quot;headline&quot;:{&quot;text&quot;:&quot;Novel Excerpt&quot;,&quot;destination_url&quot;:&quot;&quot;,&quot;tag&quot;:&quot;h1&quot;,&quot;color&quot;:&quot;#353535&quot;,&quot;hover_color&quot;:false,&quot;font&quot;:&quot;Raleway:500&quot;,&quot;font_size&quot;:&quot;40px&quot;,&quot;font_size_unit&quot;:&quot;px&quot;,&quot;align&quot;:&quot;left&quot;,&quot;mobile_align&quot;:&quot;left&quot;,&quot;line_height&quot;:false,&quot;line_height_unit&quot;:&quot;px&quot;,&quot;margin&quot;:false,&quot;margin_unit&quot;:&quot;px&quot;,&quot;so_field_container_state&quot;:&quot;closed&quot;,&quot;new_window&quot;:false},&quot;sub_headline&quot;:{&quot;text&quot;:&quot;&quot;,&quot;destination_url&quot;:&quot;&quot;,&quot;tag&quot;:&quot;h3&quot;,&quot;color&quot;:false,&quot;hover_color&quot;:false,&quot;font&quot;:&quot;default&quot;,&quot;font_size&quot;:false,&quot;font_size_unit&quot;:&quot;px&quot;,&quot;align&quot;:&quot;center&quot;,&quot;mobile_align&quot;:&quot;center&quot;,&quot;line_height&quot;:false,&quot;line_height_unit&quot;:&quot;px&quot;,&quot;margin&quot;:false,&quot;margin_unit&quot;:&quot;px&quot;,&quot;so_field_container_state&quot;:&quot;open&quot;,&quot;new_window&quot;:false},&quot;divider&quot;:{&quot;style&quot;:&quot;none&quot;,&quot;color&quot;:&quot;#EEEEEE&quot;,&quot;thickness&quot;:1,&quot;align&quot;:&quot;center&quot;,&quot;mobile_align&quot;:&quot;center&quot;,&quot;width&quot;:&quot;80%&quot;,&quot;width_unit&quot;:&quot;%&quot;,&quot;margin&quot;:false,&quot;margin_unit&quot;:&quot;px&quot;,&quot;so_field_container_state&quot;:&quot;closed&quot;},&quot;order&quot;:[&quot;headline&quot;,&quot;divider&quot;,&quot;sub_headline&quot;],&quot;fittext_compressor&quot;:0.84999999999999997779553950749686919152736663818359375,&quot;_sow_form_id&quot;:&quot;8371988986250abbbba749660632375&quot;,&quot;_sow_form_timestamp&quot;:&quot;1649454023815&quot;,&quot;fittext&quot;:false,&quot;so_sidebar_emulator_id&quot;:&quot;sow-headline-160310000&quot;,&quot;option_name&quot;:&quot;widget_sow-headline&quot;},&quot;args&quot;:{&quot;before_widget&quot;:&quot;<div id=\&quot;panel-1603-0-0-0\&quot; class=\&quot;so-panel widget widget_sow-headline panel-first-child\&quot; data-index=\&quot;0\&quot; data-style=\&quot;{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;animation_offset&quot;:&quot;10&quot;,&quot;animation_iteration&quot;:&quot;1&quot;}\&quot; >&quot;,&quot;after_widget&quot;:&quot;<\/div>&quot;,&quot;before_title&quot;:&quot;<h3 class=\&quot;widget-title\&quot;>&quot;,&quot;after_title&quot;:&quot;<\/h3>&quot;,&quot;widget_id&quot;:&quot;widget-0-0-0&quot;}}" />[/siteorigin_widget]</div><div id="panel-1603-0-0-1" class="so-panel widget widget_sow-editor panel-last-child" data-index="1" data-style="{&quot;padding&quot;:&quot;0px 30px 0px 0px&quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;animation_offset&quot;:&quot;10&quot;,&quot;animation_iteration&quot;:&quot;1&quot;}" ><div class="panel-widget-style panel-widget-style-for-1603-0-0-1" ><div class="so-widget-sow-editor so-widget-sow-editor-base">
    <div class="siteorigin-widget-tinymce textwidget">
    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>
    </div></div></div></div><div id="pgc-1603-0-1"  class="panel-grid-cell"  data-weight="0.5" ><div id="panel-1603-0-1-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="2" data-style="{&quot;class&quot;:&quot;wplightbox&quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;animation_offset&quot;:&quot;10&quot;,&quot;animation_iteration&quot;:&quot;1&quot;}" ><div class="wplightbox panel-widget-style panel-widget-style-for-1603-0-1-0" >[siteorigin_widget class="SiteOrigin_Widget_Image_Widget"]<input type="hidden" value="{&quot;instance&quot;:{&quot;image&quot;:1606,&quot;image_fallback&quot;:&quot;https:\/\/www.saminadagger.com\/staging\/wp-content\/uploads\/2022\/04\/NovelExcerpt.jpg&quot;,&quot;size&quot;:&quot;full&quot;,&quot;size_width&quot;:&quot;&quot;,&quot;size_height&quot;:&quot;&quot;,&quot;align&quot;:&quot;default&quot;,&quot;title_align&quot;:&quot;default&quot;,&quot;title&quot;:&quot;&quot;,&quot;title_position&quot;:&quot;hidden&quot;,&quot;alt&quot;:&quot;&quot;,&quot;url&quot;:&quot;https:\/\/www.saminadagger.com\/staging\/wp-content\/uploads\/2022\/04\/NovelExcerpt.jpg&quot;,&quot;bound&quot;:true,&quot;rel&quot;:&quot;&quot;,&quot;_sow_form_id&quot;:&quot;5644143266250acd573719205580764&quot;,&quot;_sow_form_timestamp&quot;:&quot;1649770785675&quot;,&quot;link_title&quot;:false,&quot;new_window&quot;:false,&quot;full_width&quot;:false,&quot;so_sidebar_emulator_id&quot;:&quot;sow-image-160310002&quot;,&quot;option_name&quot;:&quot;widget_sow-image&quot;},&quot;args&quot;:{&quot;before_widget&quot;:&quot;<div id=\&quot;panel-1603-0-1-0\&quot; class=\&quot;so-panel widget widget_sow-image panel-first-child panel-last-child\&quot; data-index=\&quot;2\&quot; data-style=\&quot;{&quot;class&quot;:&quot;wplightbox&quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;animation_offset&quot;:&quot;10&quot;,&quot;animation_iteration&quot;:&quot;1&quot;}\&quot; ><div class=\&quot;wplightbox panel-widget-style panel-widget-style-for-1603-0-1-0\&quot; >&quot;,&quot;after_widget&quot;:&quot;<\/div><\/div>&quot;,&quot;before_title&quot;:&quot;<h3 class=\&quot;widget-title\&quot;>&quot;,&quot;after_title&quot;:&quot;<\/h3>&quot;,&quot;widget_id&quot;:&quot;widget-0-1-0&quot;}}" />[/siteorigin_widget]</div></div></div></div></div></div>
    Plugin Author Archetyped

    (@archetyped)

    Hi, it appears that the “SiteOrigin Image” widget injects excess whitespace and newlines when creating the image link, which prevents the link from being detected by SLB.

    See this existing ticket for more details on the issue and to track its progress.

    Several other widgets were tested with SiteOrigin, and only the “SiteOrigin Image” widget appears to be affected. Using any of the other widgets to add image links is recommended (e.g. Image, SiteOrigin Editor, Custom HTML, etc.).

    Thread Starter datsla

    (@datsla)

    Hi, I switched from ‘siteorigin image’ to ‘image widget’ and all the images load and expand now in SLB! however there is one image that appears smaller in the lightbox than the actual size here:
    https://www.saminadagger.com/staging/project/starbucks/

    Plugin Author Archetyped

    (@archetyped)

    Hi, you can disable SLB’s “Resize lightbox to fit in window” option if you want images to be displayed at their original size, rather than be automatically scaled to fit in the browser window.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.