if you see fuji sports
this is how featured products are shown, how can i show my products in mobile version ,
all products in a row
Topic summary
Featured products display shows 4 items despite a 3-column setting due to placeholder (dummy) products: the theme’s loop is hard-coded to 4. Selecting a real collection in the section settings will cap to 3 per row.
To keep placeholders but show 3: edit sections/featured-collection.liquid (change the for-loop from 1..4 to 1..3). This resolved the user’s issue.
Section heading: can be renamed and centered via the section’s Heading setting. Further style alignment (centering title, text, and price within product cards) may be needed in settings.
Hover effect: add CSS to base.css to show a red border on hover. To disable on mobile, wrap it in a media query for screens ≥750px. This worked; it won’t affect product page text/price alignment.
Mobile slider issues: the red line under images is an empty content container that’s hidden on desktop but not on mobile; add text/button or reconfigure. For a working mobile slider, use a collection with more than 4 products, enable “swipe on mobile,” and choose a 1–2 column layout. Sliders may not function with dummy products; achieving Fuji Sports’ exact look could require a different slider library.
Outcome: featured collection fixed; hover styling implemented; mobile slider images now “perfect.” Discussion moved to a new topic for further slider customization; the library choice remains open.