Title: Product Layouts for WooCommerce Author: Oxilab Published: 14. април 2022. Last modified: 31. јул 2026. --- Претражи додатке ![](https://ps.w.org/product-layouts/assets/banner-772x250.png?rev=3256346) ![](https://ps.w.org/product-layouts/assets/icon-256x256.gif?rev=3256346) # Product Layouts for WooCommerce [Oxilab](https://profiles.wordpress.org/oxilab/) [Преузимање](https://downloads.wordpress.org/plugin/product-layouts.1.4.4.zip) * [Детаљи](https://sr.wordpress.org/plugins/product-layouts/#description) * [Прегледи](https://sr.wordpress.org/plugins/product-layouts/#reviews) * [Постављање](https://sr.wordpress.org/plugins/product-layouts/#installation) * [Изградња](https://sr.wordpress.org/plugins/product-layouts/#developers) [Подршка](https://wordpress.org/support/plugin/product-layouts/) ## Опис Use **Product Layouts for WooCommerce** to display your products with stunning styles and layouts, no coding required. Perfect for showcasing your store items beautifully and increasing sales. **Key Features:** * Create product grids, tables, sliders, and galleries easily. * Fully responsive and works with all major themes and page builders. * Use simple shortcodes anywhere, pages, posts, or widgets. * Import demo layouts or create your own with live preview. 👁️ [View Demo](https://product-layouts.com/demo/) | 🚀 [Get the Premium Version](https://product-layouts.com/pricing/) | 👩🏼‍💻 [Get Support](https://wordpress.org/support/plugin/product-layouts#new-post) ### Free Version 👉 General Layouts (3) [View Demo](https://product-layouts.com/demo/general-layouts/) 👉 Call to Action Layouts (2) [View Demo](https://product-layouts.com/demo/call-to-action/) 👉 Product Table Layouts (1) [View Demo](https://product-layouts.com/demo/product-table/) 👉 Product List Layouts (1) [View Demo](https://product-layouts.com/demo/product-list/) 👉 Caption Layouts (2) [View Demo](https://product-layouts.com/demo/caption-layouts/) 👉 FlipBox Layouts (1) [View Demo](https://product-layouts.com/demo/flipbox-layouts/) ### 💰 Pro Version 👉 All Free Features 👉 General Layouts (4) [View Demo](https://product-layouts.com/demo/general-layouts/) 👉 Caption Layouts (6) [View Demo](https://product-layouts.com/demo/caption-layouts/) 👉 Product Tabs [View Demo](https://product-layouts.com/demo/category-tabs/) 👉 Product Carousel Slider [View Demo](https://product-layouts.com/demo/product-carousel/) 👉 Product Filter (Sort by, Show per page, Category, Price Range, Rating). [View Demo](https://product-layouts.com/demo/filter-sorting/) 👉 Accordion (Upcoming) 👉 Product Pagination (with preset) 👉 Load More Button 👉 Category Page Design ### Features 1. **Custom Settings** – You can change layout style (Product Filter, Color, Background Color, Border, Box shadow, etc.) using custom settings. 2. **Font Settings** – You can set font typography (Font, Font-size, Font-shadow, Line-height, letter spacing, etc.) as your own choice. 3. **Style Settings** – You can style layout (Color, Background Color, Border, Box shadow, etc.) using style settings. 4. **Live Preview** – Our plugin includes a Live Preview interface so users can see changes instantly. Product Layouts for WooCommerce (Product Gallery, Product Showcase, Layout Design, Product Slider, Product Grid, Product Table) is designed for real- time editing convenience. 5. **Clone Layout** – Use the Clone option to copy layout styles with one click. 6. **Export and Import** – Export JSON file from Shortcode list and import from Import page. 7. **Shortcode** – Display your product using shortcode. 8. **Product Filter Settings** – Easily filter products by Category, Type, Order By, etc. 9. **Icon Settings** – Use icons from Icon Library (Icon Picker) for Add to Cart, Wishlist, Quick View, Compare Table buttons. 10. **Borders and Shadows** – Apply border and box shadows everywhere. 11. **Color Pickers** – Choose colors using color picker (Color, Gradient, Linear Gradient). 12. **Import Layouts from Demo** – Export layouts from the demo and import directly into your plugin. 13. **Multi Language Supported** – Translate easily with Loco Translate and reach a global audience. 👁️ [View Demo](https://product-layouts.com/demo/) | 🚀 [Get the Premium Version](https://product-layouts.com/pricing/) | 👩🏼‍💻 [Get Support](https://wordpress.org/support/plugin/product-layouts#new-post) ### Responsive & Beautiful **Product Layouts for WooCommerce (Product Gallery, Product Showcase, Layout Design, Product Slider, Product Grid, Product Table)** is fully responsive and optimized for performance, an important factor for SEO and eCommerce success. It works smoothly across devices and displays your products beautifully with animations like sliding, fading, and folding. Customize typography, colors, alignment, and background to create professional product presentations. 👁️ [View Demo](https://product-layouts.com/demo/) | 🚀 [Get the Premium Version](https://product-layouts.com/pricing/) | 👩🏼‍💻 [Get Support](https://wordpress.org/support/plugin/product-layouts#new-post) ## Снимци екрана [⌊Dashboard Settings Page⌉⌊Dashboard Settings Page⌉[ Dashboard Settings Page [⌊How to use per product⌉⌊How to use per product⌉[ How to use per product [⌊A demo layout⌉⌊A demo layout⌉[ A demo layout [[ [[ [[ [[ [[ ## Блокови Овај додатак пружа 1 блок. * Product Layouts Display WooCommerce products using Product Layouts for WooCommerce. ## Постављање We’ve made it very simple and easy to use. The installation process of this plugin is straightforward. > = Option 1 = > * Download the plugin product-layouts.zip from WordPress Plugin Directory. > * Unzip and extract the plugin folder named **product-layouts.zip**. > * Place the folder into your wp-content/plugins directory. > * Go to WordPress admin Plugins Installed Plugins. > * Click **Activate** to enable the plugin. > = Option 2 = > * Download the plugin zip file. > * Go to WordPress admin Plugins Add New Upload Plugin. > * Upload the **product-layouts.zip** file. > * Click **Install Now**, then **Activate**. If you need any help, please open a thread in the [Support Forum](https://wordpress.org/support/plugin/product-layouts/). Don’t hesitate to inform us about any bugs or conflicts. ## ЧПП ### How can I get support if my Product Layouts plugin is not working? If you have problems with our plugin or something isn’t working, follow these steps first: * Test with a WordPress default theme. * Deactivate other plugins to rule out conflicts. * Make sure all versions (plugin, theme, WordPress, WooCommerce) are updated. If the issue remains, submit a ticket in the forum with your WordPress and WooCommerce versions and a clear description of the issue. ### Is Product Layouts for WooCommerce responsive? Yes, it automatically adjusts images and layouts for mobile and tablet devices. ### How to use Product Layouts for WooCommerce in a post or page? Use shortcode: `[wpte_product_layout id="1"]` in your post or page. ### Does Product Layouts for WooCommerce support Page Builders? Yes, you can use shortcodes in Elementor, Divi, Beaver Builder, and others. Extensions are coming soon. ### Can I clone any layout style? Yes, choose your layout from the Shortcode List and click **Clone**. ### Can I export and import layout styles? Yes, export JSON from Shortcode List and import it from the Import page. ## Прегледи ![](https://secure.gravatar.com/avatar/dd03d3bfeba8fc714ba1bfbc443e67f1bd5720e42fc2d22aa9a491068439c9b3? s=60&d=retro&r=g) ### 󠀁[Excellent plugin !](https://wordpress.org/support/topic/excellent-plugin-9930/)󠁿 [papet33](https://profiles.wordpress.org/papet33/) 23. јул 2026. 1 одговор Il est facile à prendre en main, fonctionne parfaitement et permet de créer de très belles présentations de produits sur WooCommerce et DIVI5 Un grand merci également au support client, qui est réactif, à l'écoute et vraiment efficace lorsqu'on a une question. C'est appréciable de voir une équipe aussi impliquée. Je recommande sans hésiter ! ![](https://secure.gravatar.com/avatar/461b85026c0776a1c975d7d8bb61e77c5dce2a37145dcb748fbc5848c44e0d6d? s=60&d=retro&r=g) ### 󠀁[Did the job, perfectly.](https://wordpress.org/support/topic/did-the-job-perfectly-9/)󠁿 [etienne28051968](https://profiles.wordpress.org/etienne28051968/) 5. децембар 2025. 1 одговор Only recently started working with this plugin and I must say it does exactly what I needed it to do, very happy, and it works a charm. ![](https://secure.gravatar.com/avatar/73680427eb0e691ca33b716605081e0d981e74f7af32dbe7ff4f7a4831f99725? s=60&d=retro&r=g) ### 󠀁[v.good](https://wordpress.org/support/topic/v-good-36/)󠁿 [heshamsiam](https://profiles.wordpress.org/heshamsiam/) 13. новембар 2025. perfect ![](https://secure.gravatar.com/avatar/ddb2584c2d21c74abd7b3eaa2037ca4017a412bbead436ec32c46e0642d91169? s=60&d=retro&r=g) ### 󠀁[Amazing](https://wordpress.org/support/topic/amazing-4174/)󠁿 [rmasters50](https://profiles.wordpress.org/rmasters50/) 6. октобар 2025. This plug in is easy to use and effective. ![](https://secure.gravatar.com/avatar/ffdd396dd8c6a4a10995eb85084ec53a646c5775fb147104d7554e7a949d5ad3? s=60&d=retro&r=g) ### 󠀁[Nice, fast, good.](https://wordpress.org/support/topic/nice-fast-good/)󠁿 [beranyer](https://profiles.wordpress.org/beranyer/) 18. јул 2025. Thanks, it is really good. ![](https://secure.gravatar.com/avatar/ca7eafc27e7726373fc293e4b4f24630985fc6c8fe842d7ceb7ca0f01620b2a6? s=60&d=retro&r=g) ### 󠀁[Love it!](https://wordpress.org/support/topic/love-it-4285/)󠁿 [joefozzy](https://profiles.wordpress.org/joefozzy/) 11. јун 2025. Very useful and flexible enough to work for us! [ Види свих 15 прегледа ](https://wordpress.org/support/plugin/product-layouts/reviews/) ## Сарадници и градитељи „Product Layouts for WooCommerce“ је софтвер отвореног кода. Следећи људи су допринели овом додатку. Сарадници * [ Oxilab ](https://profiles.wordpress.org/oxilab/) * [ Richard ](https://profiles.wordpress.org/richardmallick/) [Преведите „Product Layouts for WooCommerce“ на свој језик.](https://translate.wordpress.org/projects/wp-plugins/product-layouts) ### Заинтересовани сте за градњу? [Прегледајте код](https://plugins.trac.wordpress.org/browser/product-layouts/), проверите [SVN складиште](https://plugins.svn.wordpress.org/product-layouts/) или се пријавите на [белешку градње](https://plugins.trac.wordpress.org/log/product-layouts/) преко [RSS-а](https://plugins.trac.wordpress.org/log/product-layouts/?limit=100&mode=stop_on_copy&format=rss). ## Белешка о изменама #### 1.4.4 * New: Added a „Filter by Tag“ style to Filter & Sorting, listing product tags as checkboxes with post counts. * New: Added a „Filter by Brand“ style to Filter & Sorting, supporting WooCommerce core brands (9.4+) as well as third party brand plugins. * New: Added a Gutenberg block („Product Layouts“) so any saved layout can be inserted from the block editor, with a live server-side rendered preview. * New: The block editor preview now loads the plugin stylesheets inline, so layouts look the same in the editor as on the front end. * Update: Redesigned the Compare Products modal — product cards with title, category, rating, price and cart button, sticky attribute column and product row, colored stock badges, and chips for Color and Size attributes. * Update: The Compare table now hides attribute rows (SKU, Weight, Dimensions, Color, Size) when none of the compared products define them, instead of showing a column of dashes. * Update: Removing the last product from the Compare table now shows an empty state, and the product count in the header stays in sync. * Update: Quick View and Compare „Add to cart“ buttons restyled with a modern gradient, plus a visible keyboard focus ring. * Update: Add to cart button icon and text for variable, grouped and external products are now rendered server-side instead of being swapped in with JavaScript. * Fix: Product title and short description were missing from the Quick View modal. * Fix: Product name was missing from the Compare Products table. * Fix: Screen reader text („Price range: … through …“, „Original price was: …“) is no longer visible inside the Quick View and Compare modals on themes that do not ship the core `screen-reader-text` style. * Fix: The Compare table showed „N/A“ for Dimensions on every product because the unit was appended to an already formatted value. * Fix: Star ratings were nearly invisible for products with no reviews in the Quick View and Compare modals. * Fix: Quick View no longer triggers a fatal error when opened for a product that has been deleted. * Update: Reduced the Compare table from nine repeated product queries to a single query. * Fix: Added the ABSPATH direct file access guard to every PHP file, resolving the Plugin Check „missing_direct_file_access_protection“ error. #### 1.4.3 * Update: Redesigned admin review notice with modern card-style UI using brand colors. * Fix: „Already Given“ and „Don’t Show Again“ buttons now immediately hide the notice after clicking. * Fix: Sub Categories field in Category Query now shows all nested subcategories at any depth. #### 1.4.2 * Update: Category filter now shows all deeply nested subcategories (unlimited depth) instead of only direct children. * New: Added Elementor widget with proper CSS and JS loading in editor and preview. * Fix: Quick View and Compare modals now auto-refresh expired nonces and retry, fixing modals not opening after the page has been idle for 12+ hours. #### 1.4.1 * New: Added Elementor-style preview iframe in editor; resizes on Desktop/Tablet/ Mobile icon clicks. * New: Added tooltip and inline copy button for shortcode with clipboard support. * Update: Removed accordion UI from shortcode editor and made content visible. * Update: Made accordion cards transparent; simplified header to fixed layout. * Update: Converted header links to button style matching Export/Import. * Update: Synced header device buttons with sidebar responsive switchers; opening tablet/mobile switchers from header. * Update: Re-designed Quick View Modal. * Update: Changed the brand name WPKIN to Oxilab. * Fix: Sidebar position and scroll with fixed header; Save footer always visible. * Fix: Active device button hover preserves purple background color. * Fix: Header dropdown hover behavior; shows only on hamburger hover and stays visible while hovering dropdown. * Fix: Corrected header markup structure and closing divs in editor header. #### 1.3.5 * **New:** Fixed the plugin title and description issue. * **Update:** Improved plugin user experience (UX). #### 1.3.4 * **New**: Added short description feature for General layouts. * **Update**: Add Caption layouts Product Excerpt length. #### 1.3.4 * **New**: Added short description feature for General layouts. * **Update**: Add Caption layouts Product Excerpt length. #### 1.3.3 * **Update**: Compatible with WordPress 6.8 * **Fix**: Fixed Css (Style break) Issue for Layouts. #### 1.3.2 * **Update**: Compatible with WordPress 6.7.2 * **Fix**: Fixed script loading issue in backend * **Fix**: Compatible with PHPCS and WPCS #### 1.3.1 * **Fix**: Fixed Price issue for Variable product. * **Fix**: Fixed min() empty fatal error. #### 1.3.0 * **Update**: Compatible with WordPress 6.7 * **Fix**: Fixed data table sorting issue. #### 1.2.10 * **Fix**: Fixed BoxShadow and Border issues for FlipBox. * **Fix**: Fixed BoxShadow and Border issues for Call to action. #### 1.2.9 * **Fix**: Fixed Button issue in the settings page. #### 1.2.8 * **Update**: Changed the brand name WPTOFFE to WPKIN. * **Fix**: Fixed Call to action layouts button issue. #### 1.2.7 * **Fix**: Fixed WooComerce and Wishlist plugin button issue. * **Update**: Improved design for settings page Archive page fields. #### 1.2.6 * **New**: Added Pot file for Multi Language Support. * **Update**: Added Alphabetically order by in the product query. * **Fix**: Fixed order by issue in the product query. #### 1.2.5 * **Update**: Changed settings page design. #### 1.2.4 * **Fix**: Fixed Demo url issue. #### 1.2.3 * **Update**: Allowed HTML with security for product title. * **Fix**: Fixed regular and sale price messy issue. * **Fix**: Fixed schedule post display issue. We removed it from query so schedule post won’t display #### 1.2.2 * **New**: Added admin notice. * **Update**: Improved product query. * **Fix**: Fixed conditional logic issue for Gradient color. #### 1.2.1 * **Fix**: Fixed Icon issue for flatsome theme. * **Fix**: Fixed Badge Z-index issue. * **Fix**: Fixed Wishlist and Cart button style issue for General layouts style 4. #### 1.2.0 * **Fix**: Fixed regular price color not changing issue. * **New**: Added Price color options for product table. * **Update**: Insert a shortcode after activation to avoid error. * **New**: Added Swiper JS. #### 1.1.10 * **Update**: Changed Prduct query title instead of Product Settings. #### 1.1.9 * **Fix**: Refactored code to improve performance time on the editor page. * **Fix**: Refactored enqueue scripts to improve performance and load faster. * **Update**: Update editor page layout design. #### 1.1.8 * **Fix**: Fixed security issue. * **Fix**: Fixed Coumn width issue. * **Remove**: Removed google sheet code for security. #### 1.1.7 * **New**: Added system status. * **Update**: Updated settings page design. * **Update**: Changed Plugin Banner. * **Update**: Changed Plugin Logo. #### 1.1.6 * **New**: Added H tag for product title. * **New**: Added hyperlink for product image. * **Update**: Changed Call to Action style 1 code formate. * **Update**: Changed Call to Action style 2 code formate. * **Update**: Changed Table Layout style 1 code formate. * **Update**: Changed List Layout style 1 code formate. #### 1.1.5 * **Update**: Tested with WordPress 6.3 * **Update**: Changed General Layouts style 1 code formate * **Update**: Changed General Layouts style 2 code formate * **Update**: Changed General Layouts style 3 code formate #### 1.1.4 * **New**: Added Upgrade button in the top menu. * **New**: Added Offer Modal. * **Fix**: Fixed Vulnerabilities Security issue. #### 1.1.3 * **New**: Added Filter Addons. * **Fix**: Fixed switcher function issue. #### 1.1.2 * **New**: Added Pagination in Advanced tab in editor. * **Enhancement**: Added Condition in editor for tabs. * **Enhancement**: Added Inner Accordion for Product Filter in Advanced tab. * **Fix**: Fixed Shortcode syntax error issue. * **Fix**: Fixed CSS issue. #### 1.1.1 * **New**: Added Caption layouts style 3. * **New**: Added Caption layouts style 4. * **New**: Added Caption layouts style 5. * **New**: Added Caption layouts style 6. * **New**: Added Caption layouts style 7. * **New**: Added Caption layouts style 8. #### 1.1.0 * **Enhancement**: Added PHPCS and WPCS for Security * **Fix**: Fixed View Cart icon showing issue using wc_cart_button_updated event. * **Fix**: Added View Cart text in Tooltip. * **Fix**: Fixed Caption wish list loading icon issue. * **Fix**: Fixed style issue in list layout view cart button. #### 1.0.5 * **Fix**: Fixed Ajax issue. * **New**: Added carousel slider. * **New**: Added caption layouts style 2. #### 1.0.4 * **New**: Added Call to action layouts style 2. * **New**: Added Product list layouts style 1. * **New**: Added Caption layouts style 1. * **Fix**: Fixed ajax issue. * **New**: Added Flipbox style 1 #### 1.0.3 * **Fix**: Fixed 500 error issue for PHP 8.0 * **Fix**: Fixed cart icon margin issue * **New**: Added Product Tabs * **Enhancement**: Added getting started menu instead of support menu. * **Enhancement**: Added Icons in Admin Product Layouts page ( Tutorial, Doc, Demo). * **Enhancement**: Added Doc and Support url in admin top menu. * **Fix**: Fixed enqueue styles loading in footer. * **Fix**: Removed Some stylesheet. * **Enhancement**: Added SCSS for CSS. * **Fix**: Fixed responsive issue. #### 1.0.2 * **Fix**: Fixed Export issue. * **New**: Added font in admin area. * **New**: Added admin support page. * **New**: Added include product filter option. * **New**: Added exclude product filter option. * **New**: Added Hide Out of Sotck Products Switcher in Editor Settings. * **New**: Added Separator control * **New**: Added Call to Action Style 1 * **New**: Added Product Table Style 1 * **New**: Added Product Filter #### 1.0.1 * **New**: Added Quick View * **New**: Added Compare * **New**: Added Wishlist * **New**: Added query badge instead of old badge and fixed issue. * **Fix**: Fixed Font Issue * **New**: Added General Layout Style 2 #### 1.0.0-beta * Initial Plugin ## Мета * Version **1.4.4** * Last updated **2 месеца раније** * Active installations **1.000+** * WordPress version ** 6.2 или новије ** * Tested up to **7.0.6** * PHP version ** 7.4 или новије ** * Language * [English (US)](https://wordpress.org/plugins/product-layouts/) * Tags * [product gallery](https://sr.wordpress.org/plugins/tags/product-gallery/)[Product Grid](https://sr.wordpress.org/plugins/tags/product-grid/) [Product List](https://sr.wordpress.org/plugins/tags/product-list/)[product showcase](https://sr.wordpress.org/plugins/tags/product-showcase/) [product table](https://sr.wordpress.org/plugins/tags/product-table/) * [Напредни преглед](https://sr.wordpress.org/plugins/product-layouts/advanced/) ## Оцене 5 out of 5 stars. * [ 15 5-star reviews ](https://wordpress.org/support/plugin/product-layouts/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/product-layouts/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/product-layouts/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/product-layouts/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/product-layouts/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/product-layouts/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/product-layouts/reviews/) ## Сарадници * [ Oxilab ](https://profiles.wordpress.org/oxilab/) * [ Richard ](https://profiles.wordpress.org/richardmallick/) ## Подршка Спорна питања решена у последња два месеца: 1 од 1 [Види форум подршке](https://wordpress.org/support/plugin/product-layouts/)