- Product Page Name This Page Product Abc Htm Where Abs Represents Your Initials You Will Need To Include The Company 1 (123.17 KiB) Viewed 137 times
Thanks!
Product Page - Name this page product_abc.htm (where abs represents your initials). You will need to include the company name at the top with the logo image to the right of the company name (consistent with the other pages). The colors, font styles, etc. should match those used in your previous lab assignments and should be handled with external CSS. Only minimal inline styling is acceptable and only when necessary to override styling from the external CSS file. At a minimum, you must meet the following requirements: • The title on this page should be "<Your company name here> - Products” • H1 heading - to display " <your company name here>" at the top of the page. • H2 heading – to display "Our Products" • Sort options above the product information to allow the user to sort the products by: O Product ID - Ascending Product ID -Descending O Product Name - Ascending O Product Name - Descending o Product Price - Ascending o Product Price_Descending All products must be put in a table and should be sorted by Product ID in ascending order when the page loads. Pull the product information for the products (you need at least 10) from the data source file, which you will create yourself. You will need to show an image for each product (no sort option will exist for the image column), a product ID, product name, description, and price. You will also provide an input element for each product in which the user may specify a Quantity to purchase (allow only whole numbers greater than or equal to 0). • Submit and Cancel buttons at the bottom of the page o Submit - Confirms with the message. “Are you sure you want to order the following: <item list goes here>" (each item with a quantity >0 should be listed in a separate line in the confirmation dialog box). If confirmed, create the JSON data file containing the product ID and quantity for each product that has a quantity > 0. then display an alert to thank and inform the user that their order has been placed. If the user does not confirm, no action is necessary o Reset - confirms with the message, "Are you sure you want to cancel your selections?" If confirmed, clear the selected quantities. If the user does not confirm, no action is necessary.
Product Data File - You will need to create a JSON data file containing all product information, which will be housed on your server” (using Chrome Server). All products should be related to your product theme. Include an image name, product ID, product name, description, price for each product. This will be used to populate the product information on your product" page. For uniformity, product data must be entered into a table and each image must have the same dimensions (you should crop your images if necessary).
Product Page Example: Sunrise Coffee Creations Our Products Posted Ηυρις Duis budete Prestatie 1001 Dark With Then who hled with friend cheerdere Welch $16.95 Dica: This is beide bevisbiene como omodel 103 Modi-Whe This Mond with watercom While 5995 Lige Best. When This is verligere end with a smoothnigten Wank 50% Light Thiagow until Gent 100 This appear trai, மான் போய் மாare waits lans 5995 5995 BUT FIRST COFFEL Code The people you Selle et de Colle Mam Che The perfect map to y up to 12x of your favori Sic Cutter Cream code hind SR35 Cor Ross