Grid/List View for WooCommerce vs Origin Layouts Manager

Simple plugin for WooCommerce which toggle grid / list view of your products and toggle products count per page. WooCommerce Grid/List View plugin adds buttons to shops page which toggles grid and list products view. This is simple plugin with advanced customization of list / grid view toggle buttons and list style. List view products is vertical list of products with additional information. Grid view products is default WooCommerce view of products. Features: ✅ Switch list and grid product view style ✅ Simple and advanced customization for products list view ✅ Customization of buttons for list / grid switch ✅ Products per page switcher for Front End using ✅ Customizable position for buttons list/grid view switcher Additional Features in Paid Plugin: ✅ Customization for Product count switch links ✅ Advanced list style for products ✅ Customization for simple products list style ✅ Customization for advanced products list style ✅ Custom CSS styles Plugin Links: Paid Plugin Demo 1 Demo 2 Docs  Wanna try admin side? Admin Demo – Get access to this plugin’s admin and try it from inside. Change things and watch how they work. Premium plugin video we don’t have video with free plugin right now but we are working on it Compatibility with WooCommerce plugins Grid/List View for WooCommerce has been tested and compatibility is certain with the following WooCommerce plugins that you can add to your site:  Advanced AJAX Product Filters  Advanced Product Labels for WooCommerce  Load More Products for WooCommerce  Product Preview for WooCommerce  Wishlist and Waitlist for WooCommerce Plugin Settings Plugin settings can be found in admin area, WooCommerce -> List/Grid View Buttons: Custom class – set your own class for list / grid view toggle buttons, this removes all stylization Buttons display – set where list / grid view toggle buttons will be displayed Buttons position – list / grid view toggle buttons will be placed from left or right side Paddings – sets paddings to list / grid view toggle buttons Presets – predefined styles for list / grid view toggle buttons Product Count: Use products count – enable products per page buttons Custom class for buttons – set your own class for products per page buttons, this removes all stylization Product count value – set list of products per page toggle buttons Spliter value – set text between products per page toggle buttons Text – set custom text before products per page toggle buttons Buttons display – set where products per page toggle buttons will be displayed Buttons position – products per page toggle buttons will be placed from left or right side List Style: Toggle Simple and Advanced style add additional settings to customize list products view. To edit element of list click on this element on right side of page Advanced style for list products view have some presets. CSS: CSS styles – Some custom css styles that adds to page. JavaScript: Custom JavaScript that executes on some action. License: Page for adding product key from BeRocket site

Origin Layouts Manager extends SiteOrigin Page Builder with reusable templates and administrator-controlled row and column options. Save complete SiteOrigin Page Builder layouts or individual rows, then reuse them without rebuilding the same content and settings. Layout Controls also lets administrators simplify the SiteOrigin editing experience, manage existing fields, and create project-specific row and column fields without hard-coding them in a theme. Reusable SiteOrigin layouts and rows Save full SiteOrigin Page Builder layouts as reusable templates. Save an individual SiteOrigin row directly from the row menu. Update an existing template without creating a duplicate. Manage saved layouts under a dedicated Origin Layout Manager admin menu. Add featured images and descriptions to make templates easier to identify. Insert saved layouts through SiteOrigin’s familiar Prebuilt Layouts interface. Custom SiteOrigin row and column fields Layout Controls gives administrators a visual interface for managing the fields shown in SiteOrigin Row Styles and Column Styles. Reorder native SiteOrigin fields within their existing sections. Turn native or custom fields on and off without deleting values already stored in page layouts. Add custom fields to rows or columns without writing PHP. Drag custom fields between compatible SiteOrigin sections. Clone custom fields, including select options and output settings. Lock saved field keys to avoid accidentally disconnecting existing page data. Import or export the row and column field configuration between sites. Supported custom field types include text, URL, number, textarea, code, checkbox, toggle, select, multi-select, color, measurement, slider, image, and image size fields. Custom field values can be applied as CSS classes, IDs, data attributes, CSS properties, or CSS custom properties. Output choices are limited and sanitized to make administrator-created controls safer and more predictable. Theme colors and measurement units Create a SiteOrigin color palette containing up to 16 project or brand colors. Palette colors can be named, reordered, and selected from SiteOrigin color fields. Color names and hex values appear when hovering over configured palette swatches, helping editors distinguish similar colors. Choose which measurement units appear in SiteOrigin spacing and sizing fields. Hide units that clients do not need, reorder the remaining units, or enable modern units such as rem, viewport units, and dynamic viewport units. Optional modern full-width rows SiteOrigin traditionally uses JavaScript to stretch full-width rows beyond the theme content container. Origin Layouts Manager includes an optional modern CSS method for full-width and contained rows. Configure the contained content width, minimum side gutter, and overflow protection from Layout Controls. Existing SiteOrigin row padding is preserved, including responsive tablet and mobile values. The original SiteOrigin JavaScript method remains available and is the default until an administrator chooses Modern CSS. Origin Layouts Manager works alongside SiteOrigin Page Builder and does not alter the SiteOrigin plugin files. Credits Developed by Kodeala.