diff --git a/src/component/product/settingsTab/TemplateConfigure.jsx b/src/component/product/settingsTab/TemplateConfigure.jsx
index 640f75f..359c6c0 100644
--- a/src/component/product/settingsTab/TemplateConfigure.jsx
+++ b/src/component/product/settingsTab/TemplateConfigure.jsx
@@ -28,8 +28,9 @@ const TemplateConfigure = ({productData}) => {
     })
 
     const templateResponse = templateData?.data
-   // debugger;
-    console.log("templateResponse",templateResponse);
+    const templateImages = templateResponse?.template_images?.data;
+    // debugger;
+    console.log("templateResponse", templateResponse);
     // const currentColorUID = templateResponse?.current_colorstyle_uid
     // const color_styles = templateResponse?.color_styles
     // const custom_template_name = templateResponse?.custom_template_name
@@ -54,16 +55,66 @@ const TemplateConfigure = ({productData}) => {
                     <>
                         <div className="card-header">
                             <div className="card-heading">
-                                <h4 className="card-title" style={{textTransform: 'none'}}>{templateResponse?.template_name}</h4>
+                                <h4 className="card-title"
+                                    style={{textTransform: 'none'}}>{templateResponse?.template_name}</h4>
+                            </div>
+                        </div>
+
+
+                        <div>
+                            <div className="col-12">
+                                <div>
+                                    <div>
+                                        <div>
+                                            <h4>Image List</h4>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <ul className="list-unstyled">
+                                            {templateImages && templateImages.map(
+                                                (item) => {
+                                                    const currImage = item?.default_val;
+                                                    return (
+                                                        <li className="media">
+                                                            <div style={{
+                                                                display: 'flex',
+                                                                flexDirection: 'row',
+                                                                padding: '5px',
+                                                                backgroundColor: 'aliceblue',
+                                                                margin: '2px',
+                                                                maxHeight: '150px'
+                                                            }}>
+                                                                <div style={{width: '50%', padding: '2px'}}>
+                                                                    <img className="mr-5 mb-3 mb-xxs-0 img-fluid"
+                                                                         src={currImage} alt="image"/>
+                                                                </div>
+
+                                                                <div className="media-body" style={{padding: '2px'}}>
+                                                                    <div style={{
+                                                                        display: 'flex',
+                                                                        flexDirection: 'column'
+                                                                    }}>
+                                                                        <div style={{textAlign: 'right',width: '100%'}}></div>
+                                                                        [Change Image]
+                                                                        <div>
+                                                                            <h5 className="mt-0 mb-1">{item?.name}</h5>
+                                                                            {item?.description}
+                                                                        </div>
+                                                                    </div>
+
+                                                                </div>
+                                                            </div>
+
+                                                        </li>
+                                                    )
+                                                }
+                                            )
+                                            }
+                                        </ul>
+                                    </div>
+                                </div>
                             </div>
                         </div>
-                        {/*<div className="card-body">*/}
-                        {/*    <div className="form-group">*/}
-                        {/*        /!*<label htmlFor="exampleInputEmail1">Email address</label>*!/*/}
-                        {/*        <input type="email" className="form-control"*/}
-                        {/*               aria-describedby="defaultUrlHelp" value={defaultUrl} readOnly={true} />*/}
-                        {/*    </div>*/}
-                        {/*</div>*/}
 
                     </>