Photo Gallery

Managing the Photo Gallery (Vehicles CPT)

The Vehicles CPT is designed to dynamically load car images and details onto the Photos Page. The content is organized by vehicle categories and displayed using a Query Loop block.

Adding or Editing Vehicles

  1. Navigate to Vehicles:
    1. In the dashboard, go to Vehicles > Add New Vehicle to create a new entry, or select an existing vehicle from All Vehicles to edit.
  2. Required Fields:
    1. Title: Enter the name of the vehicle (e.g., “Toyota Land Cruiser”).
    2. Year: Fill in the year of the vehicle in the Vehicle Attributes field.
    3. Assign one or more categories (e.g., “Electric,” “Exotic,” “Classic”).
    4. Categories are used to filter vehicles on the Photos Page.
    5. Upload a high-quality image of the vehicle. This image will be displayed in the gallery on the Photos Page.
  3. Publish the Vehicle:
    1. Once all fields are complete, click Publish to add the vehicle to the gallery.

Managing Categories

To add or edit categories:

  • Go to Vehicles > Vehicle Categories.
  • Add new categories or edit existing ones to match the gallery’s structure on the Photos Page.

Displaying Vehicles on the Photos Page

  • The Photos Page uses a Query Loop block to dynamically display vehicle entries grouped by categories.
  • The layout automatically updates when a new vehicle is published or assigned to a category.

Customizing the Photos Page

Access the Photos Page:

  • Go to Pages > Photos and open it in the block editor.

Query Loop Block:

  • The page contains multiple Query Loops, each filtering vehicles by category (e.g., Electric, Classic).
  • Each loop pulls the title, year, featured image, and category dynamically.

Editing Categories or Layouts:

  • In the block editor, select a Query Loop.
  • Modify filters in the block settings to include or exclude categories.

Notes and Best Practices

  • Ensure each vehicle entry has a title, featured image, and assigned category for proper display.
  • Keep category names clear and consistent to improve navigation on the Photos Page.
  • Test the Photos Page after adding new vehicles to confirm they are displayed correctly in their respective categories.