Packaging Products Block

This block displays a list of packaging products, fetched dynamically from WordPress. It's designed to showcase each product with an image, title, and an optional highlight text.


Content Editor Fields

1. Product Category Filtering:

  • The block can filter and dispaly products by a specific category.

2. Product Display:

  • Each product is displayed within a visually appealing card layout.
  • The card includes:
    • Highlight Text: An optional text overlay on the image, used to highlight key features or promotions. This is managed through a custom field called "highlight_text" for each product.
    • Image: The featured image of the product.
    • Title: The title of the product, linking to the product's single page.
    • "Details" Button: A static button that leads to the product's single page.

Customization Considerations

While the template itself does not offer direct customization options for content editors, understanding its structure is crucial. Here's what content editors should know:

  • Product Information: Ensure each packaging product has a featured image, a compelling title, and consider adding engaging highlight text through the custom field.

  • Category Management: Be aware of the product categories and how they influence the display. When creating new packaging products, categorize them appropriately.

  • All the product info will be pulled automatically after the packaging type is selected


Example Usage:

Steps:

  1. Add the block: Insert the Packaging Productse Block into your page or post.

  2. Set the content:

    • Select a packaging category:
  3. Save the Block: Your Packaging Products block is now ready for display!


Result:

Preview with image:

Packaging Products with image

Editor preview:

Packaging Products acf