Product Collections With Menu Shopify Section

Features include:

Fully responsive and customizable including the ability to update:

• Multiple Shopify collection blocks displayed through a filter menu
• "Show all" filter to combine products from every collection (duplicates removed)
• Carousel or grid as the default state, with a carousel/grid expand toggle
• Filter menu styling (alignment, max width, colors, active state, underline, gap, overflow scrollbar)
• Product limit per collection
• Carousel settings (autoplay, speed, infinite scroll, overflow, transition, slides to show, spacing)
• Carousel arrows styling (color, background, custom arrow images, size, position, edge distance)
• Expand-to-grid toggle styling (color, hover, underline, font, alignment, margins, sizes)
• Grid settings (columns per row for desktop and mobile, horizontal and vertical gaps)
• Product image styling (aspect ratio, border radius, hover opacity)
• Product title styling (HTML element, color, font, size, margins, min height)
• Product price styling including "From" price and compare-at price
• Per-product shop button styling (colors, border, hover, padding, font)
• Section header (title, text block) and section button(s) with full styling
• Section width, background color, and border radius
• Section margins and paddings
• Typography settings (fonts, weights, sizes, colors)
• Requires template file: collection.abra-collection-ajax.liquid
• Most settings have separate options for desktop and mobile