Right-click Currency Conversion
Last updated
Was this helpful?
Last updated
Was this helpful?
This tutorial will use the PixieBrix Context Menu to convert currency for any amount we highlight. We'll use this article to develop our mod.
If you get stuck, you can .
Start by navigating your browser to . Then, open the PixieBrix Page Editor.
The first time you open the Page Editor on a new webpage, you need to grant PixieBrix access to the page. You can grant permanent access by either:
Clicking Grant Permanent Access, or
Granting temporary access by clicking on the PixieBrix extension in the Chrome Extensions dropdown and then refreshing the page
🚨 If you had the Page Editor open before navigating to the Thrillist page, you'll need to close it by clicking the X in the top right corner and re-open it to provide access.
Click New Mod in the top left of the Page Editor and choose Context Menu.
In the Title field, replace "Context Menu Item" with "Convert: %s"
To test your context menu configuration:
Highlight $5,964 on the webpage
Right-click to expand the context menu. It should look like this
In the Sites field, click All URLs. This tells PixieBrix to show the context menu item on any webpage you visit
Scroll down to the Advanced Configuration. In the Advanced Permission section, click All URLs. This gives PixieBrix access to a page without you first clicking the context menu
We'll first need to add the Convert Currency brick. Click the "Add Button"
In the Brick Selection modal, search "Convert currency" and click + Add.
As mentioned at the beginning of this tutorial, we'll use the PixieBrix Right-Click Menu to perform currency conversion on any amount we highlight. We can represent our highlighted text as @input.selectionText
We'll input the variable @input.selectionText in the Amount input field
Now that we've added the Convert Currency brick, we'll add the Window Alert brick to display the converted value as an alert. Click the + icon.
In the Brick Selection modal, search "Window Alert" and click + Add.
We can represent the output of our Convert Currency brick as the following variable @transformed2.value
We'll input the variable @transformed2.value in the Message input field
Let’s also change the Duration to 5000 milliseconds so
To test your mod, highlight $5,964 and, right-click on the page, select the context menu “Convert...”
You’ll see a form appear allowing you to select which currency it’s converting from and to, then click Submit.
After submitting, you’ll see a pop-up with the converted amount.
🙋 Need some help with building? , and we’ll be happy to help you!
