From e3b742aee9b5785831abfe4e99e059119d80e2b1 Mon Sep 17 00:00:00 2001
From: Tom Usborne <tom@edge22.com>
Date: Tue, 17 Dec 2024 15:45:30 -0500
Subject: [PATCH] Feature: Add inline background control to Loop Item

---
 .../loop-item/components/BlockSettings.jsx       | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/blocks/loop-item/components/BlockSettings.jsx b/src/blocks/loop-item/components/BlockSettings.jsx
index ad31afd25..7461dec91 100644
--- a/src/blocks/loop-item/components/BlockSettings.jsx
+++ b/src/blocks/loop-item/components/BlockSettings.jsx
@@ -9,6 +9,7 @@ import {
 	TagNameControl,
 } from '@components/index.js';
 import { useBlockStyles } from '@hooks/useBlockStyles';
+import { InlineBackgroundImage } from '../../element/components/InlineBackgroundImage';
 
 export function BlockSettings( {
 	getStyleValue,
@@ -58,6 +59,21 @@ export function BlockSettings( {
 				/>
 			</OpenPanel>
 
+			<OpenPanel
+				{ ...panelProps }
+				shouldRender={ '' === currentAtRule }
+				panelId="inline-background-image"
+			>
+				<InlineBackgroundImage
+					label={ __( 'Inline Background Image', 'generateblocks' ) }
+					htmlAttributes={ htmlAttributes }
+					setAttributes={ setAttributes }
+					styles={ styles }
+					onStyleChange={ onStyleChange }
+					context={ context }
+				/>
+			</OpenPanel>
+
 			<OpenPanel
 				{ ...panelProps }
 				shouldRender={ '' === currentAtRule }