yasuo3o3

<p>This plugin replaces the label of core/image blocks in the block editor’s List View with the image’s alt text or filename.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li>Displays alt text if available</li>
<li>Shows filename (including extension) from URL when alt is empty</li>
<li>Automatically truncates long filenames (18+ characters): first 3 + “…” + last 8 + extension</li>
<li>Adds image ID for duplicate filename identification</li>
<li>Display format: “Image filename.ext #123” (plain text only)</li>
</ul>
<p><strong>Characteristics:</strong></p>
<ul>
<li>Lightweight implementation without build process (PHP + vanilla JavaScript)</li>
<li>Works only in editor (no frontend impact)</li>
<li>Follows WordPress Coding Standards</li>
</ul>
<p><strong>日本語説明</strong></p>
<p>ブロックエディタのリストビューにおいて、core/image ブロックのラベルを画像の alt テキストまたはファイル名で差し替えます。</p>
<p><strong>主な機能:</strong></p>
<ul>
<li>alt テキストが設定されている場合は alt を表示</li>
<li>alt が空の場合は URL からファイル名（拡張子含む）を取得して表示</li>
<li>18文字以上のファイル名は自動で短縮（先頭3文字 + “…” + 末尾8文字 + 拡張子）</li>
<li>重複ファイル名の識別のため画像IDを表示</li>
<li>表示形式: 「画像 ファイル名.拡張子 #123」（プレーンテキストのみ）</li>
</ul>
<p><strong>特徴:</strong></p>
<ul>
<li>ビルド不要の軽量実装（PHP + 素の JavaScript）</li>
<li>エディタ画面のみで動作（フロントエンドには影響なし）</li>
<li>WordPress コーディング規約準拠</li>
</ul>


andW ImageNameLabel

Displays image filenames or alt text in the block editor's List View for core/image blocks.

BeRocket

Dmytro Holovnia

<p>Simple plugin for WooCommerce which toggle grid / list view of your products and toggle products count per page.</p>
<p>WooCommerce Grid/List View plugin adds buttons to shops page which toggles grid and list products view.<br />
This is simple plugin with advanced customization of list / grid view toggle buttons and list style.<br />
List view products is vertical list of products with additional information.<br />
Grid view products is default WooCommerce view of products.</p>
<h4>🚀 Spring Premium Days is LIVE!</h4>
<p><strong>Save 30%</strong> on Pro features across BeRocket plugins.<br />
<em>Let customers view products their way with fully customizable grid and list layouts. Advanced list styles and layout presets make browsing faster, cleaner, and more enjoyable, boosting conversions.</em><br />
🌿 Improve your store today. <a href="https://berocket.com/woocommerce-grid-list-view/?utm_source=free_plugin&utm_medium=wporg&utm_campaign=spring_2026&utm_content=top_ad_cta&utm_term=list_grid" rel="nofollow ugc"><strong>Limited time offer!</strong></a></p>
<h4>Features:</h4>
<p>✅ Switch list and grid product view style<br />
✅ Simple and advanced customization for products list view<br />
✅ Customization of buttons for list / grid switch<br />
✅ Products per page switcher for Front End using<br />
✅ Customizable position for buttons list/grid view switcher</p>
<h4>Additional Features in Paid Plugin:</h4>
<p>✅ Customization for Product count switch links<br />
✅ Advanced list style for products<br />
✅ Customization for simple products list style<br />
✅ Customization for advanced products list style<br />
✅ Custom CSS styles</p>
<h4>Plugin Links:</h4>
<p><a href="https://berocket.com/woocommerce-grid-list-view/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid" rel="nofollow ugc">Paid Plugin</a><br />
<a href="https://woocommerce-grid-list.berocket.com/shop/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid" rel="nofollow ugc">Demo 1</a><br />
<a href="https://woocommerce-terms-popup.berocket.com/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid" rel="nofollow ugc">Demo 2</a><br />
<a href="https://docs.berocket.com/plugin/woocommerce-grid-list-view?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid" rel="nofollow ugc">Docs</a></p>
<h4>🍬 Wanna try admin side?</h4>
<p><a href="https://berocket.com/woocommerce-grid-list-view/?utm_source=wordpress_org&utm_medium=admin_demo&utm_campaign=list_grid#try-admin" rel="nofollow ugc">Admin Demo</a> – Get access to this plugin’s admin and try it from inside. Change things and watch how they work.</p>
<h4>Premium plugin video</h4>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/LGV7Im4Bfds?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
<em>we don’t have video with free plugin right now but we are working on it</em></p>
<h4>Compatibility with WooCommerce plugins</h4>
<p>Grid/List View for WooCommerce has been tested and compatibility is certain with the following WooCommerce plugins that you can add to your site:</p>
<p>🔸 <a href="https://wordpress.org/plugins/woocommerce-ajax-filters/" rel="ugc"><strong>Advanced AJAX Product Filters</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/advanced-product-labels-for-woocommerce/" rel="ugc"><strong>Advanced Product Labels for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/load-more-products-for-woocommerce/" rel="ugc"><strong>Load More Products for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/product-preview-for-woocommerce/" rel="ugc"><strong>Product Preview for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/wish-wait-list-for-woocommerce/" rel="ugc"><strong>Wishlist and Waitlist for WooCommerce</strong></a></p>
<h3>Plugin Settings</h3>
<p>Plugin settings can be found in admin area, WooCommerce -> List/Grid View</p>
<h4>Buttons:</h4>
<p>Custom class – set your own class for list / grid view toggle buttons, this removes all stylization<br />
Buttons display – set where list / grid view toggle buttons will be displayed<br />
Buttons position –  list / grid view toggle buttons will be placed from left or right side<br />
Paddings – sets paddings to list / grid view toggle buttons<br />
Presets – predefined styles for list / grid view toggle buttons</p>
<h4>Product Count:</h4>
<p>Use products count – enable products per page buttons<br />
Custom class for buttons – set your own class for products per page buttons, this removes all stylization<br />
Product count value – set list of products per page toggle buttons<br />
Spliter value – set text between products per page toggle buttons<br />
Text – set custom  text before products per page toggle buttons<br />
Buttons display – set where products per page toggle buttons will be displayed<br />
Buttons position – products per page toggle buttons will be placed from left or right side</p>
<h4>List Style:</h4>
<p>Toggle Simple and Advanced style add additional settings to customize list products view.<br />
To edit element of list click on this element on right side of page<br />
Advanced style for list products view have some presets.</p>
<h4>CSS:</h4>
<p>CSS styles – Some custom css styles that adds to page.</p>
<h4>JavaScript:</h4>
<p>Custom JavaScript that executes on some action.</p>
<h4>License:</h4>
<p>Page for adding product key from BeRocket site</p>


Grid/List View for WooCommerce

Simple plugin for WooCommerce which toggle grid / list view of your products and toggle products count per page.

andW ImageNameLabel vs Grid/List View for WooCommerce