seamonsterdeneb

<p>A spinnaker is a special type of sail that is flown in front of the main sails. It’s packed away when not in use, but when the wind is right, it can be unfurled to provide a powerful boost. This plugin is named Spinnaker because it allows you to keep your images and PDFs neatly tucked away, ready to be “unfurled” into a beautiful, accessible lightbox when your users need them.</p>
<p>Spinnaker is a lightweight, modern, and highly accessible plugin that turns any image or PDF link into a fully-featured dialog lightbox. It’s built with accessibility as a priority, ensuring a seamless experience for users with keyboards and screen readers.</p>
<p><strong>Image Lightbox Features:</strong></p>
<ul>
<li>Converts any <code><img></code> tag into a clickable lightbox trigger.</li>
<li>Displays a large, scrollable version of your image that fills the viewport without forcing double-scrollbars.</li>
<li>Adds scroll-arrow buttons for easy navigation of oversized images.</li>
<li>Supports custom initial image positioning (e.g., center, top, bottom, left, right).</li>
<li>Displays image credits as a “placard,” with support for links.</li>
<li>Provides a “Download” button for the full-size image.</li>
<li>Fully localizable UI text in Spanish, Russian, Vietnamese, Simplified Chinese, Arabic, Korean, and Somali.</li>
</ul>
<p><strong>PDF Lightbox Features:</strong></p>
<ul>
<li>Converts any <code><a></code> tag pointing to a PDF into a lightbox trigger.</li>
<li>Displays the PDF in an embedded viewer right on your site.</li>
<li>Includes a “Download” button.</li>
<li>Supports page builder modules (like DIVI) where you can only add a class to the container.</li>
<li>Tracks PDF views and downloads, with stats available in the WordPress admin.</li>
<li>Fully localizable UI text in Spanish, Russian, Vietnamese, Simplified Chinese, Arabic, Korean, and Somali.</li>
</ul>
<h3>Usage</h3>
<h3>Image Lightbox</h3>
<p>To make an image open in a lightbox, add the class <code>image-lightbox-trigger</code> to the <code><img></code> tag itself.</p>
<p><strong>For Gutenberg Block Editor:</strong><br />
Gutenberg wraps images in a <code><figure></code> element. Add the class <code>image-lightbox-trigger-container</code> to the figure wrapper: Select the image block, open the “Advanced” panel in the block settings, and add <code>image-lightbox-trigger-container</code> to the “Additional CSS class(es)” field. For screen reader descriptions, you can use the image’s “Title” field (available in the image block settings). For advanced features like credits and positioning, switch to HTML editing mode.</p>
<p><strong>For Page Builders (like DIVI):</strong><br />
If you can only add a class to the container/module holding the image, add the class <code>image-lightbox-trigger-container</code> to the container. The plugin will find the first image inside it and turn it into a lightbox.</p>
<p><strong>Optional Attributes (add to the <code><img></code> tag):</strong></p>
<ul>
<li><code>data-description="…"</code>: A longer description for screen readers. <em>Note: Users of Gutenberg and other page builders that don’t allow custom attributes to be added can use the image’s “Title” field. The plugin will automatically use the title text for the screen reader description and remove the title attribute from the image to prevent duplicate announcements.</em></li>
<li><code>data-credit="…"</code>: The text for the credit placard. <em>Requires HTML editing mode in Gutenberg.</em></li>
<li><code>data-credit-link="…"</code>: A URL to make the entire credit placard a link. <em>Requires HTML editing mode in Gutenberg.</em></li>
<li><code>data-position="…"</code>: Set the initial scroll position. Options: <code>top</code>, <code>bottom</code>, <code>left</code>, <code>right</code>, or <code>center</code> (default). <em>Requires HTML editing mode in Gutenberg.</em></li>
</ul>
<p><strong>Localization:</strong><br />
To translate the UI text, add a language-specific class like <code>-es</code> (for Spanish) to the trigger class (e.g., <code>image-lightbox-trigger-es</code>).</p>
<ul>
<li><strong>Supported languages:</strong> Spanish (<code>-es</code>), Russian (<code>-ru</code>), Vietnamese (<code>-vi</code>), Simplified Chinese (<code>-zh</code>), Arabic (<code>-ar</code>), Korean (<code>-ko</code>), and Somali (<code>-so</code>).</li>
</ul>
<p><strong>Example HTML:</strong></p>
<pre><code><img class="image-lightbox-trigger-es" src="…" alt="…" 
     data-description="Una descripción detallada de la imagen." 
     data-credit="Foto por Jane Doe" 
     data-credit-link="[https://example.com](https://example.com)"
     data-position="right">
</code></pre>
<h3>PDF Lightbox</h3>
<p>To make a link to a PDF open in a lightbox, add the class <code>pdf-lightbox-trigger</code> to the <code><a></code> tag itself.</p>
<p><strong>For Page Builders (like DIVI):</strong><br />
If you can only add a class to the container/module holding the link, add the class <code>pdf-lightbox-trigger-container</code> to the container. The plugin will find the correct PDF link inside it.</p>
<p><strong>Localization:</strong><br />
To translate the UI text, add a language-specific class like <code>-es</code> (for Spanish) to the trigger class (e.g., <code>pdf-lightbox-trigger-es</code>).</p>
<ul>
<li><strong>Supported languages:</strong> Spanish (<code>-es</code>), Russian (<code>-ru</code>), Vietnamese (<code>-vi</code>), Simplified Chinese (<code>-zh</code>), Arabic (<code>-ar</code>), Korean (<code>-ko</code>), and Somali (<code>-so</code>).</li>
</ul>
<p><strong>Example HTML:</strong></p>
<pre><code><a href="/path/to/file.pdf" class="pdf-lightbox-trigger-es">Directorio</a>
</code></pre>


Spinnaker Dialog Lightboxes

Accessible lightboxes for images and PDFs using the HTML dialog element. Add classes to create instant lightboxes!

ComMotion

<p>There are many booking systems on the market. The booking systems often have many advantages. However, one disadvantage that should not be underestimated is that many booking systems are so general that they do not address special features and individual needs of you. At ComMotion we have developed an individual course and online booking system that takes into account the special features of your company.</p>
<p>Our individual course and online booking system already comes with a lot of things, such as the online purchase of single tickets or 10-tickets with different payment methods, the display of a timetable and the offer of a video library. We will be happy to implement any further requests together with you, so that in the end you will receive exactly THE booking system that you need. The following features are included in our course and online booking system:</p>
<h4>Integration</h4>
<p>The system fully supports WooCommerce. Part of the booking system is a powerful online shop that leaves nothing to be desired. You can sell everything from single cards to mixed cards of 10 to subscriptions.</p>
<h4>Attendance indicator</h4>
<p>Every course or appointment has a current utilization indicator. This gives you full control over all appointments.</p>
<h4>Customer account</h4>
<p>Each customer receives individual access. This means that he has an overview of all appointments and bookings and can make purchases in the online shop.</p>
<h4>Permanent appointments and subscriptions</h4>
<p>You can enter permanent appointments (subscription or permanent place) for certain customers and thus reward your regular customers.</p>
<h4>Opening times and timetable</h4>
<p>The system fully supports WooCommerce. Part of the booking system is a powerful online shop that leaves nothing to be desired. You can sell everything from single cards to mixed cards of 10 to subscriptions.</p>
<h4>Evaluations</h4>
<p>You will receive a detailed evaluation and statistics about your sales and all dates for a period of time that you have defined.</p>
<h4>Advantages of the individual course and online booking system from ComMotion</h4>
<p>The advantages are apparent. With a booking system that is perfectly tailored to you, you and your entire team not only save more time because the administrative effort is lower, but you also give your customers an extremely professional impression. Our booking system can be fully integrated into your existing page on a website with the well-known CMS WordPress. Through the online shop, which we can integrate into your website in addition to the booking system, you will sell your products, cards and offers online in the future – 24 hours a day.</p>
<p>A nice side effect: thanks to the optional status display, customers can see whether places are still available and can register for appointments at short notice. This ensures that your courses and appointments are fully utilized.</p>
<h4>Who is the course and online booking system for?</h4>
<p>Our booking system is for everyone who needs an individual booking system. Whether doctor, studio, practice, hairdresser, service provider or retail: Our booking system is for everyone!</p>
<ul>
<li>Doctor</li>
<li>Studio</li>
<li>Office</li>
<li>Hair stylist</li>
<li>Club</li>
<li>Association</li>
<li>Educational institution</li>
<li>Restaurant</li>
<li>Vacation rental</li>
<li>Service provider</li>
<li>Rental</li>
</ul>
<h4>GDPR compliance</h4>
<p>This plugin is from Germany in the European Union and complies with the GDPR. However, to ensure your website is 100% GDPR compliant, please add the essential or functional cookie “last-course-visited” to your cookie list. This cookie stores the last course visited, allowing the booking process to continue from that exact point after a ticket purchase. The cookie’s path is /, its lifespan is 1 hour, and its type is HTTP.</p>
<h3>Contributors & Developers</h3>
<p>“Course Booking System” is currently available in English, German, Czech, Dutch and Spanish.</p>
<h3>Credits</h3>
<p>Plugin bundles the following third-party resources:</p>
<ul>
<li>slick, Copyright 2017, Ken Wheeler, Licensed under the MIT license.</li>
</ul>


Course Booking System

Great and easy

Individual course booking system for recurring events and specific needs.

Spinnaker Dialog Lightboxes vs Course Booking System