Step 3: Test the code

Top  Previous 

(a) You can test your code by uploading your page to your website

 

However, a quick method to test your code is to make use of Dreamweaver's capability to display your page in an internet browser locally even before you upload it. Please follow the steps below to do so:

 

Click on File --> Preview in Browser --> iexplore. This will open up your page in "Internet Explorer" as shown in the next screenshot

 

preview

 

(b) If your HTML code was added correctly, you should see an "Add to Cart" button appear on your page as shown in the screenshot below

 

Important: The "Add to Cart" button will appear only if your computer is connected to the internet

 

add_to_cart_preview

 

(c) To test the functionality of the "Add to Cart" button, click on it. It should add your product to the cart and provide you with other e-store options as shown in the screenshot below

 

Important: As mentioned in the last step, this action too will work only if your computer is connected to the internet

 

continue_add_to_cart

 

** This completes the step by step procedure of using your e-store products HTML code in Dreamweaver

 

** You can now go ahead and follow the same steps to add all of your other products to your E-Store