Elementor CPT Loop Template
### **1. Enable Loop Grid in Elementor**
Elementor's **Loop Grid** feature allows you to design a custom template for displaying custom post types dynamically.
1. Go to **Elementor > Settings** in WordPress.
2. Under the **Features** tab, enable **Flexbox Container** and **Loop**.
3. Click **Save Changes**.
### **2. Create a Loop Item Template**
1. Navigate to **Templates > Theme Builder** in WordPress.
2. Click **Loop Item** and **Add New**.
3. Give it a name (e.g., "Custom Post Loop Template").
4. Click **Create Template**.
### **3. Design the Loop Item Template**
1. Add a **Container** (or Section) inside the template.
2. Use **Dynamic Tags** and widgets:
– **Post Title**: Drag a Heading widget → Click **Dynamic Tags** → Choose **Post Title**.
– **Featured Image**: Drag an Image widget → Set **Image Source** to **Post Featured Image**.
– **Post Excerpt**: Drag a Text Editor widget → Set **Content** to **Post Excerpt**.
– **Read More Button**: Drag a Button widget → Set **Link** to **Post URL** (Dynamic).
3. Customize styling to match your theme.
4. Click **Publish**.
### **4. Use the Loop Item in a Loop Grid**
1. Create or edit a page using Elementor.
2. Drag the **Loop Grid** widget.
3. Under **Skin**, select **Custom**.
4. Click **Choose a Loop Item Template**, then select the one you created.
5. Under **Query**, set **Source** to your Custom Post Type (e.g., "Portfolio," "Testimonials").
6. Adjust columns, pagination, and other settings.
### **5. Save & Preview**
– Click **Apply & Preview** to see how your CPTs are displayed.
– Adjust as needed, then **Save & Publish**.
Let me know if you need more customization, like filtering posts or adding meta fields! 🚀