☰

Greasy Fork is available in English.

Walgreens to Walmart/Amazon Search

Creates buttons that open new tabs on Walmart and Amazon, and searches for the product using the extracted title from Walgreens product page

// ==UserScript==
// @name         Walgreens to Walmart/Amazon Search
// @namespace    http://tampermonkey.net/
// @version      3
// @description  Creates buttons that open new tabs on Walmart and Amazon, and searches for the product using the extracted title from Walgreens product page
// @author       Your Name
// @match        https://www.walgreens.com/store/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Get the product title from the page
    var productTitle = document.querySelector('title').innerText.replace(' | Walgreens', '');

    // Create the Walmart search URL with the product title
    var walmartSearchUrl = 'https://www.walmart.com/search?q=' + encodeURIComponent(productTitle) + '&facet=fulfillment_method_in_store%3AIn-store';

    // Create the Amazon search URL with the product title
    var amazonSearchUrl = 'https://www.amazon.com/s?k=' + encodeURIComponent(productTitle);

    // Create the Walmart button element
    var walmartButton = document.createElement('a');
    walmartButton.innerHTML = 'Walmart';
    walmartButton.href = walmartSearchUrl;
    walmartButton.target = '_blank';

    // Create the Amazon button element
    var amazonButton = document.createElement('a');
    amazonButton.innerHTML = 'Amazon';
    amazonButton.href = amazonSearchUrl;
    amazonButton.target = '_blank';

    // Add the buttons after the product name
    var productName = document.querySelector('#productName');
    productName.parentNode.insertBefore(walmartButton, productName.nextSibling);
    productName.parentNode.insertBefore(amazonButton, productName.nextSibling);

    // Style the Walmart button with CSS
    var styleWalmartButton = function(button) {
        button.style.backgroundColor = '#0071DC';
        button.style.color = 'white';
        button.style.padding = '5px 20px';
        button.style.margin = '5px 10px 10px 0';
        button.style.borderRadius = '5px';
        button.style.border = 'none';
        button.style.cursor = 'pointer';
        button.style.transition = 'background-color 0.3s';

        button.addEventListener('mouseover', () => {
            button.style.backgroundColor = '#004F9A';
        });

        button.addEventListener('mouseout', () => {
            button.style.backgroundColor = '#0071DC';
        });
    };

    // Style the Amazon button with CSS
    var styleAmazonButton = function(button) {
        button.style.backgroundColor = '#C45500';
        button.style.color = 'white';
        button.style.padding = '5px 20px';
        button.style.margin = '5px 10px 10px 0';
        button.style.borderRadius = '5px';
        button.style.border = 'none';
        button.style.cursor = 'pointer';
        button.style.transition = 'background-color 0.3s';

        button.addEventListener('mouseover', () => {
            button.style.backgroundColor = '#F3A847';
        });

        button.addEventListener('mouseout', () => {
            button.style.backgroundColor = '#FEBD69';
        });
    };

    styleWalmartButton(walmartButton);
    styleAmazonButton(amazonButton);

})();