WooCommerce Promoted Product

Welcome to the WooCommerce Promoted Product readme file! This document provides instructions on how to set up and configure the WooCommerce Promoted Product plugin for your WordPress website.

Request

Create a plugin to display a promoted product. The goal is to feature an individual product as "promoted." Anything that is a "promoted" product has to be visible on every page and always shown in the same way. The displayed product also needs to have a link to the actual product.

The plugin should add a new section under the "WooCommerce > Settings > Products" tab and must include the following fields:

1. a text input field for the title of the promoted product (e.g. "FLASH SALE:")
2. a color picker for the background color
3. a color picker for the text color
4. a display of the active promoted product title and a link to edit that product

In the single product editor, add following fields in the general tab:

1. A checkbox with the label "Promote this product" that activates this product as "promoted" when checked
2. A text field containing a custom title that will be shown instead of the product title (if empty, display the product title)
3. A checkbox to set an expiration date and time. If checked, add an option to select the date and time. When the required time expires, the product should not be marked as "promoted" anymore.

Front-end instructions: If there is a product set as "promoted," display a full width div at the bottom of the site's header with this format:

[Promoted title from backend]: [product title ¥| custom title]

There can be only one active promoted product at a time, which should be the product that was activated last.

Getting Started

To begin using the WooCommerce Promoted Product plugin, please follow the steps below:

Prerequisites

• A WordPress website with WooCommerce installed.
• Admin access to the WordPress website.

Installation

1. Activate the WooCommerce plugin if it is not already activated.
2. Install and activate the WooCommerce Promoted Products plugin.

How it works

Frontend #1: https://www.loom.com/share/bf7baf28e65b487c9c86fcc4d6591f3a

Frontend #2: https://www.loom.com/share/75486e89918d4a79a8f3267516a6413d

Code: https://www.loom.com/share/0e1083f7d3d140918846613f416e5394

Demo

Login to the WordPress Admin panel using the provided credentials:

URL: https://domamo.com.br/progressus/wp-admin
Username: progressus
Password: MjkBBNGYCE0XKq2f%XJ79XQ6