Shop the Look: Shoppable Images & Lookbook
Add-on ID: kv_shop_the_look · Edition: CS-Cart & Multi-Vendor · Latest version: 1.0.0 · Compatible with: CS-Cart & Multi-Vendor 4.17.2 – 4.21.x, PHP 7.4 – 8.3 · Changelog: view
Shop the Look turns your lifestyle, lookbook and room photos into shoppable looks. You click the products in a photo to place numbered hotspots; shoppers open a product card from each hotspot, pick sizes, colours or variations next to the photo and add the whole look to the cart in one click. Every view, hotspot click, cart addition and ordered item is counted per look and per hotspot, so you see which photos sell.
Key features
Section titled “Key features”- Visual hotspot editor: click the photo where a product is, choose the product with the live search, drag the hotspot to fine-tune or nudge it with the arrow keys. Positions are stored in percent, so they fit every screen.
- Unlimited looks with their own photo, name, story, hotspot style, position and status, up to 30 hotspots each.
- Product cards: hover on desktop or tap on touch screens; a bottom sheet with large buttons on phones.
- Add the look to cart: the item list next to the photo has a checkbox, the price and the option or variation pickers for every product; the total updates live and one button adds every selected item in one request. Out-of-stock items are switched off, products with required text or file options link to their product page.
- Block Manager block “Shop the Look” with three templates: spotlight (one large look, several looks become tabs), lookbook grid (square tiles that open the look in a dialog) and carousel (swipeable portrait cards). Each block shows selected looks, all looks, or the looks of the current product, category or vendor store.
- Product page section “Complete the look”: every product page shows the looks it belongs to, above the tabs.
- Look pages and a lookbook page with SEO URLs (seo add-on), page title, meta description and breadcrumbs.
- Analytics: views, hotspot clicks, add-to-carts, ordered items and revenue per look, per hotspot and per day, for 7, 30, 90 or 365 days. Anonymous counters only: no cookies and no personal data.
- Multi-Vendor: vendors create looks with their own products in the vendor panel; new and changed vendor looks wait for the administrator’s approval (optional).
- Tested themes: Responsive and the Kavio Labs Atelier and Nordhaus themes on CS-Cart 4.17.2. Styles are scoped and follow your accent colour. Other themes based on Responsive should work, but we have not tested them; the Nova theme of CS-Cart 4.21 is not tested yet.
- No visitor data in the page output: looks are catalogue data, and the cart and statistics go through POST requests. This is the design for the full page cache of CS-Cart 4.21; it has not been run with that cache yet.
Compatibility
Section titled “Compatibility”- CS-Cart and Multi-Vendor 4.17.2 – 4.21.x (tested on CS-Cart 4.17.2 and Multi-Vendor 4.17.2; Multi-Vendor 4.21.2 auto-tested: PHP 8.3 syntax and a compile of every template on the 4.21.2 engine, without a run on a 4.21 store).
- PHP 7.4 to 8.3, depending on your CS-Cart version.
- Works with the core Product variations add-on (variation picker) and with global and product options.