Skip to main content

LECOPE

Adding Content to the Homepage in Magento

This assignment will help you practice customizing the Magento homepage by adding and configuring content blocks, banners, and widgets. By completing this task, you’ll be able to create a visually engaging homepage for your store.

Instructions:

Follow the steps below to add and configure content on your Magento homepage. Document each step and provide screenshots where applicable.

  1. Create a Custom Content Block
  2. Action: Create a new static block for the homepage.
  3. Requirements:
  4. Navigate to Content > Blocks in the Magento admin panel.
  5. Create a new block with a title and identifier (e.g., “Homepage Banner”).
  6. Add a sample heading and description to the block.
  7. Save the block and document the process with screenshots.
  8. Add a Banner to the Homepage
  9. Action: Create a banner using Magento’s widget functionality and place it on the homepage.
  10. Requirements:
  11. Navigate to Content > Widgets.
  12. Add a new widget and select the type (e.g., CMS Static Block).
  13. Assign the block created in Task 1 to the widget.
  14. Configure the widget to display on the homepage and save the settings.
  15. Provide screenshots of the configuration and the result on the homepage.
  16. Include a Product Widget
  17. Action: Add a product widget to display featured or new products on the homepage.
  18. Requirements:
  19. Navigate to Content > Widgets.
  20. Create a new widget and select the Catalog Products List type.
  21. Configure the widget to display specific products or categories.
  22. Assign the widget to the homepage and save the changes.
  23. Take screenshots of the product display on the homepage.
  24. Test and Review
  25. Action: View your homepage to ensure all content blocks, banners, and widgets are displayed correctly.
  26. Requirements:
  27. Test your homepage across different devices (desktop and mobile).
  28. Confirm that all elements are aligned and functioning as expected.
  29. Make any necessary adjustments and document your fixes.

Submission Requirements:

  1. Submit a document with detailed steps for each task, including screenshots.
  2. Provide the URL of the homepage showcasing the added content.
  3. Include a brief reflection on what you learned during the process.

Evaluation Criteria:

  1. Completeness: All tasks are completed and documented thoroughly.
  2. Creativity: The homepage design should be engaging and visually appealing.
  3. Accuracy: Ensure proper placement and functionality of all blocks and widgets.
  4. Responsiveness: The homepage content should display correctly on different devices.

Good luck, and create a homepage that captivates your audience!

leave a comment