Linux 软件免费装
Banner图

Amitry Product & Category Slider for WooCommerce

开发者 amitry
更新时间 2026年9月27日 18:57
捐献地址: 去捐款
PHP版本: 7.4 及以上
WordPress版本: 7.1
版权: GPLv2 or later
版权网址: 版权信息

标签

category slider product carousel woocommerce product slider product gallery elementor slider

下载

5.1.0 4.9.0 3.0.2 4.0.0 4.0.1 4.0.2 4.0.3 4.0.4 4.0.5 4.1.0 4.3.0 3.0.1 4.4.0 4.6.0 4.4.1 4.7.0 5.0.0 5.0.1 5.0.2

详情介绍:

Amitry Slider shows WooCommerce products or product categories in a clean, responsive carousel. Add it as a Gutenberg block, an Elementor widget or a shortcode, with no code required. Most product sliders force every photo into one fixed frame and crop whatever does not fit. That suits packshots and spoils anything photographed. Amitry Slider can shape the frame around your photos instead, so portrait, landscape and square images all appear whole, with nothing cropped and no empty space. It is built for shops where the picture is the product: prints, art, antiques, photography. It loads its stylesheet and JavaScript only on pages that actually contain a slider, so the rest of your site carries none of it. Get the Pro add-on for premium designs, a thumbnail strip, a full screen lightbox, a category switcher for visitors, a masonry grid view and more. Live demo: see the product slider, category carousel and every premium design in action on the live demo site. In the wild Two live photography stores run it, both used with kind permission: Why choose this WooCommerce slider Three ways to add a slider All three share one render engine, so every option behaves identically wherever you use it. Popular use cases Product slider Pull products from any of these sources, chosen under Products From in both the block editor and Elementor: Show or hide each element: product image, title, price with sale strike-through, sale badge, rating stars, short description, stock status (with an "Only X left" note when stock runs low) and an add-to-cart button. Category slider Layout and design Behavior and navigation Block editor integration The Gutenberg block keeps its options in the two sidebar tabs: Settings for the data source, layout, behavior, navigation and card content, and Styles for the card style, image, colors, shadows and hover effects. A live server-side preview shows exactly what visitors will see. Shortcode Every block option is available as a shortcode attribute. Write the option's name in snake_case: the block's titleColor becomes title_color and showArrowsMobile becomes show_arrows_mobile. The most used options also have short names, such as type, filter, count, aspect and fit. [amitry_slider type="products" filter="newest" count="12"] [amitry_slider type="products" filter="on_sale" slides_desktop="4"] [amitry_slider type="products" filter="by_category" categories="12,15" aspect="each" fit="contain"] [amitry_slider type="products" filter="manual" products="12,15,18"] [amitry_slider type="products" effect="fade" fit="contain"] [amitry_slider type="products" align="center" max_width="1140"] [amitry_slider type="products" title="New in" title_color="#143a2e" show_arrows_mobile="false"] [amitry_slider type="categories" sort="count" exclude="42,43"] Values for filter: newest, bestselling, on_sale, featured, top_rated, by_category or manual. Values for aspect: auto, each, 1-1, 4-3, 3-2, 3-4, 2-3 or 16-9. Switches take true or false, and lists of product or category IDs are separated by commas. Performance WooCommerce compatible Go further with Pro Pro is a separate add-on that runs on top of the free plugin. Everything described above stays free, including choosing which categories a product slider pulls from. Pro adds the following. Viewing and navigation Browsing and scale Selling Premium designs See the live demo, or get the Pro add-on.

安装:

  1. Make sure WooCommerce is installed and active.
  2. Install the plugin from the WordPress plugin directory, or upload the plugin folder to /wp-content/plugins/.
  3. Activate the plugin through the Plugins screen.
  4. Add the Amitry Product & Category Slider block to any page (search for "Amitry" in the block inserter), drop the Amitry Slider widget into an Elementor section, or use the [amitry_slider] shortcode.
  5. Open Settings, then Amitry Slider, for a six step quick start guide and tips.

屏幕截图:

  • A product category carousel, with round images and a product count per category
  • Building a slider in the block editor: pick the source, the layout and the navigation, with a live preview beside you
  • The Styles panel: card design, image shape, aspect ratio, image fit, alignment, shadows and hover effects
  • A six step quick start guide and practical tips, built into the settings page, so nobody has to guess how to get going

升级注意事项:

5.1.0 Every block option now works in the shortcode, "Follow each image" gives every photo its own frame, and the Short Description and Category Description switches take effect. Requires WordPress 6.6. 5.0.2 The product source setting is renamed to "Products From" and the category option moves near the top, so it is easier to find. 5.0.1 Compatibility update for WordPress 7.1 and WooCommerce 11.0. No functional changes. 5.0.0 Adds automatic and per-image frame ratios, so photos of any shape fill their frame without cropping or gaps. Recommended for photography and print shops. 4.7.0 Adds 3:2 and 2:3 image ratios for photography, and fixes a category picker that counted deleted categories. Recommended update. 4.6.0 Elementor users can now filter products by category, matching the block editor. Recommended if you build with Elementor. 4.5.0 Slider assets now load only on pages that use a slider, not site-wide, which lightens every other page. No visual or behavior changes. Recommended update. 4.4.1 Fixes the Image and Title toggles not hiding those elements, and a grid-view start layout issue. Recommended update. 4.4.0 Adds a transparent image background option and tidies the section header. Fixes stray spacing when the shortcode runs on a Shop page or other auto-formatted content. Safe update; no changes to saved sliders. 4.3.1 Fixes admin notices being displayed inside the plugin header on the settings screen. Display only, no changes to sliders or saved content. 4.3.0 Fixes product titles appearing underlined or oversized on themes that style content links and headings. Adds the hooks the Pro add-on needs for its category dropdown and load more button. If you use Pro, update this plugin first, then Pro. After updating, clear any caches once. 4.2.0 Fixes image cropping: photos are no longer hard cropped to 4:3 on upload and keep their real proportions. Adds Content Alignment and Max Width options. After updating, clear any caches once. 4.1.0 Adds a Fade transition option alongside Slide. After updating, clear any caches once. 4.0.5 Accessibility improvement: the slider now respects the system reduced-motion setting. After updating, clear any caches once. 4.0.3 Documentation update with use cases, more FAQs and a live demo link. No functional changes. 4.0.2 Adds a support section on the settings page and refreshed directory tags. 4.0.1 Adds an Elementor widget and lowers the minimum required PHP version to 7.4. After updating, clear any caches and hard-refresh once. 4.0.0 Faster rewrite. Existing blocks and shortcodes keep working, since all attributes are preserved. After updating, clear any page or fragment caches and hard-refresh once.

常见问题:

Does this plugin work without WooCommerce?

No. WooCommerce is required because the plugin reads WooCommerce products and product categories.

How do I add a product slider without code?

Add the Amitry Product & Category Slider block and set Show to Products, or add the Elementor widget and set Slider Type to Products, or paste the [amitry_slider type="products"] shortcode. No code is required.

Can I show product categories as a carousel?

Yes. Set Show to Categories in the block editor, or Slider Type to Categories in Elementor, to display a WooCommerce category carousel with images, names and optional product counts.

Are my photos cropped?

Only visually, and only if you want. The slider requests a proportional image and applies the shape you choose with CSS, so the file on disk keeps its real proportions. Set Image Fit to "Crop to fill" for uniform cards, or to "Show full image" to display the whole photo uncropped. Nothing is cropped on upload.

My photos are 3:2 or 2:3, not 4:3. Will they work?

Yes, and you have three ways to handle it. 3:2 and 2:3 are built in alongside 1:1, 4:3, 3:4 and 16:9, if you shoot to one consistent ratio. "Automatic" shapes a single frame to suit whatever your photos actually are, which suits most shops. "Follow each image" gives every card the shape of its own photo, so a mixture of portrait and landscape all fill their frames with nothing cropped and nothing left over, at the cost of cards having different heights. Your files are never altered on upload.

The slider is too wide on my theme. What can I do?

Set the Max Width option. In the block editor it is in the Card Style panel; in the Elementor widget it is under Elements. The slider will grow no wider than that value and will center itself, which is useful on themes with a wide or full width content area.

Is it compatible with HPOS (High-Performance Order Storage)?

Yes. The plugin declares compatibility with custom_order_tables. It does not read or write orders.

Is it compatible with block themes (FSE)?

Yes. The block uses server-side rendering and works in any theme that supports the block editor.

Does it work with Elementor?

Yes. A dedicated Amitry Slider widget is registered automatically when Elementor is active.

Will the slider slow down my site?

No. The slider only loads its CSS and JavaScript on pages where it is actually used, and Swiper is bundled locally instead of loaded from an external CDN.

Is the slider responsive on mobile?

Yes. You can set a different number of slides per view for desktop, tablet and mobile, and choose which navigation appears on each.

Is it accessible?

The slider supports keyboard navigation, and it respects the system reduced-motion setting: autoplay is disabled, transitions are instant and hover motion is removed.

Is it translation-ready?

Yes. The plugin uses standard WordPress internationalization and ships with a .pot file in /languages/.

Is there a live demo?

Yes. You can see the product slider, category carousel and all premium designs in action on the live demo.

Can I create a featured products slider?

Yes. Set "Products From" to Featured to build a featured products slider. You can also pull from newest, best selling, on sale, top rated or a specific category.

Can I show products from a specific category?

Yes. Set "Products From" to "From Category", then pick the categories you want. It works the same in the block editor and in Elementor, and it is part of the free plugin. You can also use the category slider to display your product categories as a carousel instead.

My product photos are all different shapes. What is the tidiest way to show them?

Set Image Ratio (Image Aspect Ratio in Elementor) to "Automatic" and the frame takes the shape your photos actually are, rather than a preset you have to guess at. If nothing may be cropped at all, choose "Follow each image": every card then takes the shape of its own photo, so each one fills its frame exactly. Cards will vary in height, which is the price of never cropping and never leaving a gap. In "Show full image" any remainder is filled with the photo's own background color when it has a plain one, so a card still reads as one surface.

Does the slider support autoplay and infinite loop?

Yes. You can enable autoplay with an adjustable delay, pause on hover and seamless infinite looping.

Can I customize the slider design and colors?

Yes. You can choose a card style, image shape, aspect ratio, image fit, content alignment, max width, columns per device, gaps, shadows and hover effects, plus colors for titles, prices and buttons.

Does it work on the WooCommerce shop and product pages?

Yes. You can place a slider on any page or post, including the homepage, shop page, single product pages and landing pages, using the block, the Elementor widget or the shortcode.

What does the Pro add-on add?

Pro adds a thumbnail strip, a full screen lightbox, a hover zoom magnifier, a masonry grid view with a toggle, a category switcher for visitors, a load more button, hover image swap, automatic badges, AJAX add to cart, quick view, a sale countdown, a wishlist, stock indicators and four premium designs. The free plugin stays complete on its own, and Pro requires it.

Can I extend the plugin from my own code?

Yes. The plugin offers filters and actions for add-ons, each documented in the source code where it runs: filters for the rendered classes, the card markup, the image size, the queries and the render attributes, plus actions around the render and inside the section head. For example, this switches on the optional query cache: add_filter( 'wcsp_settings', function ( $settings ) { $settings['queryCache'] = true; return $settings; } );

更新日志:

5.1.0 5.0.2 5.0.1 5.0.0 4.7.0 4.6.0 4.5.0 4.4.1 4.4.0 4.3.1 4.3.0 4.2.0 4.1.0 4.0.5 4.0.3 4.0.2 4.0.1 4.0.0 3.0.2