Group Main
- This group contains the responsive settings for all modules. Group page860Group
- All additional modules added should be placed into this group.Group Details
- This group contains common UI components that you can customize.Group Pictures
- This group stores the product's main image and list of images. It contains two groups:Group Pic main
- This group stores the product's main image on desktop.RepeatingGroup Product Images
- This repeating group holds the list of images of the product page's data type.Group Sidebar menu
- This group contains UI components for a generic cart.RepeatingGroup Dummy cart
stores the data for the list of items you've added to your cart.FloatingGroup checkout button
- This floating group contain a checkout button that is only visible when Current page width is less than or equal to 664 or when Current scrolling position is greater than or equal to 665Popup View image
contains an element called Slideshow Photos
which shows a list of images (it uses a Bubble plugin called Slick Slideshow).var - Website object
- This group stores the website object (e.g., app name, primary color, and etc.)var - dummy data
- This is a variable placeholder group.Button VIEW PHOTOS
will show Popup View image
Group Details
Group page860Group
and add other modules inside of itvar - dummy data's
data type and data sourcepage's
type of content and set var - dummy data's
data source to Current page's data type
Group Pic Main
and update the dynamic image data source.RepeatingGroup Product Images's
type of content and data source.Group Sidebar menu
and add or remove UI components inside of it.RepeatingGroup Dummy cart
and update the text elements in Group Sidebar menu
.Group SIDEBAR PLACEHOLDER
so that it is not overlapping with any other elements (for responsiveness).Button CHECKOUT
and Group delete
Popup View image
and update the data source for Slideshow Photos
FloatingGroup checkout button
and make sure the bottom of FloatingGroup checkout button
aligns with the bottom of the page.Button CHECKOUT