Isamu Takeda

<ul>
<li>This is a block that displays an opening animation when a website opens. There are three types of animations, divided into three blocks, and you can select your favorite animation.</li>
<li>All blocks have a feature that allows viewers to choose not to display animations again. However, to use this feature, the <a href="https://ja.wordpress.org/plugins/block-collections/" rel="nofollow ugc">BLOCK COLLECTIONS plugin</a> must be installed and enabled.</li>
</ul>
If you download the zip file and install the plugin from the WordPress management screen, it will function as a plugin.
When you install this plugin, the following three blocks will be registered, and you can use them in the block editor or site editor (confirmed to work with WordPress 6.4.3).
Below is an overview of the functions of each block. 
1. Logo Anime 
Converts a string to an SVG file and creates an animation that traces its surroundings. The string can be set freely. There are two fonts to choose from: EduVICWANTBeginner and Roboto. 
2.Tea Time 
Produces an animation that plays the set character string as a caption. The string can be set freely. The caption rises like steam from the cup and disappears. The length of this animation is adjustable. 
3.Welcome 
We will create an animation in which a pen draws the word “Welcome”. In this version, the string is fixed to “Welcome”.
You can select the ending animation from the following five options. 
1. Vertical slide 
2. Horizontal slide 
3. Vertical opening 
4. Lateral opening 
5. Circular expansion 
The opening animation will be created by combining these animations with the animations of each block. 
Please see the screenshot to see what the specific animation looks like.
In each block, there is a checkbox located at the bottom right of the screen that allows the viewer to choose not to display the animation next time. This checkbox is always displayed while the animation is running, but it disappears after the animation ends and appears when the user moves the mouse cursor to the bottom right of the screen.
<h3>Related Links</h3>
<ul>
<li><a href="https://github.com/itmaroon/opening-block" rel="nofollow ugc">Github</a></li>
<li><a href="https://github.com/itmaroon/opening-block/tree/master/src" rel="nofollow ugc">source code</a></li>
<li><a href="https://github.com/itmaroon/block-class-package" rel="nofollow ugc">block-class-package:GitHub</a> </li>
<li><a href="https://packagist.org/packages/itmar/block-class-package" rel="nofollow ugc">block-class-package:Packagist</a> </li>
<li><a href="https://www.npmjs.com/package/itmar-block-packages" rel="nofollow ugc">itmar-block-packages:npm</a> </li>
<li><a href="https://github.com/itmaroon/itmar-block-packages" rel="nofollow ugc">itmar-block-packages:GitHub</a></li>
</ul>
<h3>Arbitrary section</h3>
<ol>
<li>Logo Anime Block uses a plugin called opentype.js to generate the path of the svg file from the font type. The source code and terms of use are posted <a href="https://www.npmjs.com/package/opentype.js" rel="nofollow ugc">here</a>.</li>
<li>All blocks has a switch function that prevents the opening animation from being displayed, but for this to work the <a href="https://ja.wordpress.org/plugins/block-collections/" rel="nofollow ugc">BLOCK COLLECTIONS plugin</a> must be installed and enabled.</li>
<li>The blocks provided by this plugin can be placed one block per web page. Even if you try to place multiple blocks, an error message will appear and you will not be able to place them. 
However, it is possible to place it on web pages other than the top page, so multiple blocks can be placed on the entire website.</li>
<li>PHP class management is now done using Composer. 
<a href="https://github.com/itmaroon/block-class-package" rel="nofollow ugc">GitHub</a> 
<a href="https://packagist.org/packages/itmar/block-class-package" rel="nofollow ugc">Packagist</a> </li>
<li>I decided to make functions and components common to other plugins into npm packages, and install and use them from npm. 
<a href="https://www.npmjs.com/package/itmar-block-packages" rel="nofollow ugc">npm</a> 
<a href="https://github.com/itmaroon/itmar-block-packages" rel="nofollow ugc">GitHub</a></li>
</ol>

Opening Block

This is a block that provides the function to produce the opening animation of a website.

Mwale Kalenga

The Super Light Store Hours WordPress plugin is your comprehensive solution for managing and displaying your store’s operating hours effortlessly. Tailored for both online and physical stores, this plugin offers a user-friendly interface to configure your schedule and enhance the customer experience. With seamless WooCommerce integration and powerful API features, it’s a versatile tool for store owners.
<h3>Features</h3>
1. Flexible Configuration:
<ul>
<li>Set working days for your store to align with your business operation.</li>
<li>Specify opening and closing times in a 24-hour format.</li>
</ul>
2. Override Store Status:
<ul>
<li>Enable or disable your store with a simple toggle.</li>
<li>Useful for special occasions, holidays, or unexpected closures.</li>
</ul>
3. Seamless WooCommerce Integration:
<ul>
<li>Dynamically adjusts capabilities based on WooCommerce activation</li>
<li>Intelligently manages “Add to Cart” buttons based on store operating hours.</li>
</ul>
4. Informative Store Closure Notices:
<ul>
<li>Displays a visually appealing store closure notice during closed hours.</li>
<li>Customized messages strategically placed to inform customers about the closure.</li>
</ul>
5. Dynamic Language Localization:
<ul>
<li>Declares text domain and languages directory for multilingual support.</li>
</ul>
6. Reusable Store Closure Message:
<ul>
<li>Utilizes a reusable and easily modifiable store closure message.</li>
</ul>
<h3>API Features</h3>
<h3>RESTful API for Store Hours</h3>
<ol>
<li>Endpoint:</li>
</ol>
<ul>
<li><code>GET /wp-json/slsh/v1/state</code></li>
</ul>
2. Parameters:
<ul>
<li>None</li>
</ul>
3. Response:
<ul>
<li>JSON object containing store condition status.</li>
<li>Example:</li>
</ul>

<pre><code>{
 "working_days": ["Monday", "Wednesday", "Friday"],
 "opening_closing_time": "09-18",
 "override_status": "0",
 "status": "1"
}
</code></pre>
4. How to Use:
<ul>
<li>Make a GET request to the endpoint to retrieve the store’s current operating condition.</li>
<li>Use the provided information to dynamically adjust your application’s behavior based on the store’s status.</li>
</ul>
<h3>How to Use</h3>
<ol>
<li>Activate the Super Light Store Hours plugin and the WooCommerce plugin.</li>
<li>Navigate to the “Store Hours” section in the WordPress settings.</li>
<li>Configure working days, opening and closing times, and the override status.</li>
<li>Experience enhanced control over product page elements and customer interactions.</li>
<li>Utilize provided code snippets for further customization and integration.</li>
<li>Leverage the RESTful API to dynamically retrieve the store’s operating hours for external applications or integrations.</li>
<li>Ensure a seamless and informative experience for your customers based on your store’s operating status.</li>
</ol>
Enhance your WordPress and WooCommerce store management with the Super Light Store Hours plugin. Take control of your store’s schedule, provide a better shopping experience, and seamlessly integrate operating hours into your applications. Download and install the plugin today!

Super Light Store Hours

Disable your store during fixed hours of the week or whenever you wish to pause orders.

Opening Block vs Super Light Store Hours