A dynamic plugin enhanced with customization for colors and data-driven capability. Engineered to effortlessly display detailed comparison tables for your products/things, it offers tailor-made color options to match your brand and ensures full responsiveness across devices.
☕ SUPPORT MY WORK
- Consider supporting the maintenance and development with a small donation here:
https://buymeacoffee.com/idaniel88🛠️ INSTRUCTIONS:
https://idanielcode.com/comparing-things-plugin#comparing-things-details▶️ TUTORIAL (static & dynamic data):
https://idanielcode.com/comparing-things-plugin#comparing-things-tutorial🖥️ DEMO (static data):
Preview:
https://blt2401-82519.bubbleapps.io/version-test/static_dataEditor:
https://bubble.io/page?type=page&name=static_data&id=blt2401-82519&test_plugin=1722428350793x952481155750821900_current&tab=tabs-1🖥️ DEMO (dynamic data):
Preview:
https://blt2401-82519.bubbleapps.io/version-test/dynamic_dataEditor:
https://bubble.io/page?type=page&name=dynamic_data&id=blt2401-82519&test_plugin=1722428350793x952481155750821900_current&tab=tabs-1✨ KEY FEATURES
- Data-Driven Comparison: Utilize JSON format to render detailed comparison tables.
- Learn JSON: New to JSON format? Check out this resource for more information:
https://www.w3schools.com/js/js_json_intro.asp- Customization Options: Tailor colors to match your branding seamlessly.
- Color Codes: Need help choosing color codes? Visit HTML Color Codes for assistance:
https://htmlcolorcodes.com/- Responsive Design: Ensures optimal viewing experience across all devices.
- Filtering Functionality: Allow users to filter and compare items effortlessly.
🚀 GETTING STARTED
- Dependency: Ensure you have the Orchestra (repeating group addon) installed, especially if you're using dynamic data with the Comparing Things plugin. Orchestra enhances the functionality of repeating groups, providing crucial support for dynamic data handling.
- Install Orchestra: If you haven't already, install for free the Orchestra (repeating group addon) from the Bubble.io plugin marketplace:
https://bubble.io/plugin/orchestra-repeating-group-addon-1581095540181x938333534159634400- Configure Settings: Customize the plugin fields to match your requirements:
- Title: Set a title to display above the comparison table.
- Show Loader: Enable/disable the loader while the table is being generated.
- Activate Filtering: Choose whether to activate filtering options.
- Wrapper Id: Paste the ID attribute of the element which will be replaced by the comparison table.
- List of Names: Enter names of items in JSON format, ensuring they align with corresponding attributes and attribute values.
- List of Images: Provide image paths in JSON format, keeping the same sequence as the list of names.
- List of Links: Include links (optional) in JSON format, following the order of names and images.
- Open Links New Tab: Specify if links should open in new tabs.
- Attributes & Attribute Values: Define attributes and their values, ensuring consistency with the order of names and other lists.
🎨 CUSTOMIZE COLORS
Tailor the appearance of your comparison table with our color customization fields:
- Table Colors: Main background, sidebar, border, and highlight colors.
- Buttons Colors: Text, default, hover, and disabled button colors.
- Functional Colors: Colors for checkmarks and error messages.
✉️ SUPPORT & FEEDBACK
- Having trouble with the plugin or want to request some changes? Submit an issue here:
https://idanielcode.com/comparing-things-plugin#contact