CMS Bundle - Erlebniswelten
Looking for a freelancer?
EN
EN
  • Welcome
  • Sections and Blocks
    • Sections
      • Save Sections as Templates
      • Custom Column - Layouts
      • Section transitions
      • Fixed Background
      • Fixed Sidebar
    • Blocks
      • Pre-Built Blocks
        • Column - Layouts
        • Grid - Layouts
        • Slider - Layouts
      • Animations
      • Offsetting Content
    • Display Rules
    • Schedule / Planning
    • Color Gradients
  • Elements
    • Call to Action
      • Simple - Banner
      • Countdown - Banner
      • Content Cards / Teaser
      • Simple - Button
      • Pricing Tables
    • Icon - Boxes
      • Icon - Textbox
      • Icon - Flipbox
      • Alerts / Notifications
    • Navigation
      • Dynamic Subcategories
      • Sidebar - Navigation
      • Search - Banner
      • Breadcrumb Navigation
      • Sales Channel - Navigation
    • Product presentation
      • Shop the Look
      • Product with Countdown
      • Product Comparison
      • Product Lists / Bundles
      • Produkt Listing / Grid
    • Content
      • Accordeon
      • Divider
      • Animated Headline
      • Tab - List
      • News - Ticker
    • Media
      • Image - Gallery
      • Image - Compare
      • HTML 5 - Video
      • Audio / Music
      • File / Download
    • Manufacturer / Brands
      • Brand - Slider
      • Brand - Directory
    • Sales Promotion
      • Payment- / Shipping
      • Shipping Tables
      • Testimonials
    • Forms
      • Newsletter
      • Login - Form
    • Company
      • Team - Member
      • Locations
    • Config - Elements
      • Button
      • Elements per Row
      • Icon
      • Font size
      • SEO
      • Timer
      • Product assignment
      • Linking
    • Shopping Experience as Element
    • Code / Twig
  • Service
    • Free trial
    • Request new function
    • Create Support - Ticket
    • Manufacturer Website
    • 🇩🇪German
Powered by GitBook
On this page
  • Product - Settings
  • Image - Settings
  • Additional - Settings
  1. Elements
  2. Product presentation

Shop the Look

Creative product bundle presentation with hover spots

PreviousProduct presentationNextProduct with Countdown

Last updated 7 months ago

This element offers an innovative and creative way to visually display product bundles and provide users with an interactive shopping experience.

Using hover spots on an image, you can place and link individual products directly in a lifestyle image. This allows users to purchase the products they see in the image directly from the list—either individually or as a bundle.

What is the Shop the Look element?

It allows you to enhance an image—such as a mood picture, room design, or fashion shoot—with clickable hover spots.

Each of these spots can be linked to a product, so users can see product information by hovering over or tapping on mobile devices, and they can be directly redirected to the respective product.

Alongside the image, the products are detailed in a list and can be bundled into the shopping cart.

Product - Settings

Function
Description

Select Products (1)

Here, you set the products that should be placed on the image.

Product Settings (2)

Settings for each product: Top = Distance of the spot from the top edge of the image Left = Distance of the spot from the left edge of the image Min. Quantity = The minimum quantity that the customer can place in the cart for the respective product Max. Quantity = The maximum quantity that the customer can place in the cart for the respective product.

Spot in Image (3)

Preview of the spot in the image to better adjust the positioning.

Image - Settings

Additional - Settings

Function
Description

Add to Cart (1)

Products can be added individually to the cart from the list. Alternatively, only as a complete bundle.

Wishlist (2)

Products can be added to the wishlist. Note that you must .

activate the wishlist in the shop