Product Listing Carousel & Grid Shopify section by qwiqode (Tutorial)
Add a section or a content block template that perfectly fits your store and gives you the flexibility to customize it without hiring a developer to do it for you.
So there's the ordinary product carousel, right? Why not have the ability to turn that carousel on or off so that your visitor can easily view all products without leaving the page? A simple click will expand all of the products into grid-view.
And of course, you still have the usual flexibility as all of our sections do with styling all elements.
A great way to display your products!
Fully responsive and customizable including the ability to update:
Section Title
Section Text Block
Text Options
Section Header position (outside or inside of wrapper)
Select type of element for text content (H1, H2, p…)
Custom Font
Font Weight
Line Height
Letter Spacing
Call-to-action buttons and styling
Enable/Disable
Text Options
Colors (background, hover, border)
Image styling options
Dimensions (square, portrait, landscape)
Border Radius
Custom Height
Option to display secondary product image on hover
Image opacity on hover
Carousel Settings
Slides to show
Enable/Disable advance of whole row on click
Show/Hide Overflow of items
Enable/Disable Infinite Scroll
Enable/Disable Autoplay
Carousel Speed
Carousel navigation settings:
Carousel Arrows Position (Inside or outside of wrapper)
Custom Arrow colors
Custom Arrow Image
Custom Arrow SVG
Grid Settings
Grid Columns
Gap between items
Easily switch between carousel slider and grid-view
Custom titles
Text options
Section colors and width within browser
Margins and padding of all elements
Most settings have separate settings for desktop and mobile
*****
Are you a Shopify merchant who needs a simple way to add specific content?
Are you a Shopify designer who needs a quick design solution for your projects?
Learn more: https://qwiqode.com/pages/about-qwiqo...
What are Shopify Sections? https://qwiqode.com/pages/what-are-sh...
Shop Now: https://qwiqode.com/collections/all-s...
Shop all sections: https://qwiqode.com/collections/all-s...
https://qwiqode.com NEW!!!
Use our Shopify App: https://apps.shopify.com/qwiqode-them...
#qwiqode #ecom #onlinestores #shopify #shopifytips #shopifywebsites #webdesigners #shopifytutorial #shopifydesign