Code Monkey home page Code Monkey logo

mercadona-images-extension's Introduction

Mercadona - Images redesign

Para la versión en Español, haz click aquí

Description

A Chrome extension to show images in the old Mercadona website.

It's a re-style of the page:

  • The table is changed to a grid
  • Each article now shows its image, taken from the new Mercadona website (Even if it doesn't work yet in your location)

New grid design

How to use

Chrome extension

Download the extension from the Chrome Web Store.

Tampermonkey script

Note: For me, the old website doesn't work on Firefox, it won't let me log-in. This all was tested in Chrome.

  1. Install Tampermonkey extension in your browser. Download it here: https://www.tampermonkey.net/
  2. Open the extension:
    Open extension
  3. In the extension menu, click on "Add new script":
    Add new script
  4. Copy the code from the script.js file and replace the existing code of the new script with it
  5. Save with CTRL+S (Windows) or going to File > Save in the menu:
    Save script
  6. Go to the Mercadona website, or reload it if it was already open. Try searching for some product

Now, while searching the products, you should see a grid instead of the table.

Note: It may take some time (Less than a second) for the new grid to appear. If it doesn't, try reloading the page, checking the instructions again, or opening an issue in this repository.

Warning

This extension is not official, and it's not related to Mercadona in any way.

If in any moment the extension stop working, the images won't load anymore, or the website blocks you in any way, please disable or remove the extension, and open an issue in this repository.

mercadona-images-extension's People

Contributors

ivancea avatar

Stargazers

Martín Hermida avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.