Script Overview:
This Tampermonkey script customizes Amazon product pages by displaying a tooltip with important product information, including price, number of reviews, rating, seller name, and more. It enhances the user experience by displaying this data in a sleek, modern tooltip design.
Key Features:
Tooltip Display:
Displays important product information in tooltips on the product page.
Information includes price, reviews, ratings, seller name, and other relevant details.
Customizable Appearance:
The tooltip's appearance is fully customizable. You can change the font size, color, and other design aspects via settings.
The settings UI is sleek, modern, and compact for easy access and adjustment.
Tooltips Updates:
The tooltips are updated dynamically when data is fetched, and are only updated once per page load to improve performance.
The script makes sure the correct price, ratings, and other details are shown.
Settings Menu:
A settings menu allows you to adjust the tooltip’s appearance and behavior.
It lets you toggle visibility of different elements (e.g., seller name, number of reviews).
The settings menu can be hidden or shown by clicking a button on the page.
You can close the settings menu by clicking outside the menu (or clicking on a "Save" button).
Performance Optimization:
The script is designed to run quickly, minimizing page freeze and unnecessary updates. Data is loaded efficiently to avoid performance issues.
Tooltips are positioned correctly and are dynamically updated based on the product details.
User Preferences:
The script lets you configure the appearance of the tooltips, including the font size and color for each text element (price, reviews, seller name).
It also allows you to display detailed data like the number of ratings, reviews, and the top seller's name.
Error Handling:
If the tooltip doesn't find the price or data, it shows a "No price found" message and retries up to 5 times.
Once data is successfully retrieved, it stops updating to prevent unnecessary retries.
Mobile-Friendly Design:
The design is responsive and looks great on all screen sizes, ensuring a smooth experience whether on desktop or mobile.
How It Works:
Initialization:
The script loads when you visit an Amazon product page. It automatically searches for product details like price, ratings, reviews, and seller names.
Settings Button:
A settings button toggles the visibility of the settings menu where you can customize the tooltip's appearance.
Tooltip Updates:
Data is loaded, and the tooltip is positioned near the product details. This includes fetching the correct price, rating, and seller name.
Dynamic Updates:
The script continuously checks for updates, but it will stop updating once the correct information is found to prevent unnecessary reloads.
Saving Preferences:
Any changes made in the settings menu are saved for future visits, and the menu is hidden once you're done.
User Controls:
Font Size: Choose the font size for the tooltip (1px to 10px).
Font Color & Text Color: Adjust the color for the text (price, ratings, seller name).
Visibility Controls: Toggle the visibility of elements like seller name, number of ratings, and reviews.
Close Settings: Settings can be closed either by clicking the "Save" button or clicking anywhere outside the settings menu.
