https://www.myagroworld.com/js/all-products.js

1const image_url='https://t3.gstatic.com/images?q=tbn:ANd9GcQ0TuFgPXQuJY6Dpb-SM-MI6Vs2e5LiSmLMocBIRS3MIIT9S9uO'
2const Apiurl = 'https://api.myagroworld.com/api/get-all-products?list=1';
3function handleReadMore(product) {
4  //store in local storage
5  localStorage.setItem("productId", product.id)
6  // Open a new window
7  window.location.href = './product-card.html', '_blank';
8 }
9//ACCPRODUCTS//
10fetch(Apiurl)
11  .then(response => response.json())
12  .then(data => {
13    const AccProductcard = document.getElementById('AccProduct-card');
14    data.forEach(item => {
15      if (item.AccProducts && Array.isArray(item.AccProducts)) {
16        item.AccProducts.forEach(product => {
17          const card = document.createElement('div');
18          card.className = 'card-2';
19
20          const image=document.createElement('img');
21          image.src=image_url;
22          card.appendChild(image);
23
24          const name = document.createElement('h3');
25          name.innerHTML = product.name;
26          card.appendChild(name);
27
28          const address=document.createElement('p');
29          address.innerHTML=product.address;
30          card.appendChild(address);
31
32          const readMoreButton = document.createElement('button');
33      readMoreButton.innerHTML = 'Read More';
34      readMoreButton.className = 'read-more-button';
35      readMoreButton.addEventListener('click', () => handleReadMore(product));
36       card.appendChild(readMoreButton);
37
38    
39          
40          AccProductcard.appendChild(card);
41        });
42      }
43    })
44  })
45    .catch(error => console.error('Error fetching data:', error));
46
47  
48    //STORE PRODUCT//
49
50    fetch(Apiurl)
51    .then(response => response.json())
52    .then(data => {
53      //const cardsContainer = document.getElementById('cardsContainer');
54      data.forEach(item => {
55
56      if (item.StoreProducts && Array.isArray(item.StoreProducts)) {
57        
58        item.StoreProducts.forEach(product => {
59          const StoreProductcard = document.getElementById('StoreProduct-card');
60
61          const card = document.createElement('div');
62          card.className = 'card-2';
63
64          const image=document.createElement('img');
65          image.src=image_url;
66          image.className="img";
67          card.appendChild(image);
68
69          const name = document.createElement('h3');
70          name.innerHTML = product.name;
71          card.appendChild(name);
72
73          const address=document.createElement('p');
74          address.innerHTML=product.address;
75          card.appendChild(address);
76
77          const readMoreButton = document.createElement('button');
78          readMoreButton.innerHTML = 'Read More';
79          readMoreButton.className = 'read-more-button';
80          readMoreButton.addEventListener('click', () => handleReadMore(product));
81           card.appendChild(readMoreButton);
82
83
84          StoreProductcard.appendChild(card);
85        });
86      }
87    })
88  })
89  .catch(error => console.error('Error fetching data:', error));
90
91  //WBUYER PRODUCT//
92  
93  fetch(Apiurl)
94  .then(response => response.json())
95  .then(data => {
96    
97    data.forEach(item => {
98
99    if (item.WBuyerProducts && Array.isArray(item.WBuyerProducts)) {
100      
101      item.WBuyerProducts.forEach(product => {
102        const WbuyerProductscard = document.getElementById('WbuyerProducts-card');
103
104        const card = document.createElement('div');
105        card.className = 'card-2';
106
107        const image=document.createElement('img');
108        image.src=image_url;
109        image.className="img";
110        card.appendChild(image);
111
112        const name = document.createElement('h3');
113        name.innerHTML = product.name;
114        card.appendChild(name);
115
116        const address=document.createElement('p');
117        address.innerHTML=product.address;
118        card.appendChild(address);
119
120        const readMoreButton = document.createElement('button');
121        readMoreButton.innerHTML = 'Read More';
122        readMoreButton.className = 'read-more-button';
123        readMoreButton.addEventListener('click', () => handleReadMore(product));
124         card.appendChild(readMoreButton);
125
126
127        WbuyerProductscard.appendChild(card);
128      });
129    }
130  })
131})
132.catch(error => console.error('Error fetching data:', error));
133    
134 
135//AGRICULTURAL PRODUCT
136fetch('https://api.myagroworld.com/api/get-all-products?list=1')
137  .then(response => response.json())
138  .then(data => {
139    
140    data.forEach(item => {
141
142    if (item.AgriProducts && Array.isArray(item.AgriProducts)) {
143      

144      item.AgriProducts.forEach(product => {
145        const AgriProducts = document.getElementById('AgriProducts-card');
146
147        const card = document.createElement('div');
148        card.className = 'card-2';
149
150        const image=document.createElement('img');
151        image.src=image_url;
152        image.className="img";
153        card.appendChild(image);
154
155        const name = document.createElement('h3');
156        name.innerHTML = product.name;
157        card.appendChild(name);
158
159        const address=document.createElement('p');
160        address.innerHTML=product.address;
161        card.appendChild(address);
162
163        const readMoreButton = document.createElement('button');
164        readMoreButton.innerHTML = 'Read More';
165        readMoreButton.className = 'read-more-button';
166        readMoreButton.addEventListener('click', () => handleReadMore(product));
167         card.appendChild(readMoreButton);
168
169
170        AgriProducts.appendChild(card);
171      });
172    }
173  })
174})
175.catch(error => console.error('Error fetching data:', error));
176
177
178    const AccProduct = document.getElementById('AccProduct');
179    const StoreProducts=document.getElementById('StoreProduct');
180    const WBuyerProducts=document.getElementById('WbuyerProducts');
181    const AccProductcard = document.getElementById('AccProduct-card');
182    const StoreProductcard = document.getElementById('StoreProduct-card');
183    const WbuyerProductscard = document.getElementById('WbuyerProducts-card');
184    const AgriProducts = document.getElementById('AgriProducts');
185    const AgriProductscard = document.getElementById('AgriProducts-card');
186    
187    AccProduct.addEventListener('click', function() {
188      AccProductcard.style.display = 'block';
189      StoreProductcard.style.display = 'none';
190      WbuyerProductscard.style.display = 'none';
191      AgriProductscard.style.display = 'none';
192    });
193    
194    StoreProducts.addEventListener('click',function() {
195      StoreProductcard.style.display='block';
196      AccProductcard.style.display = 'none';
197      WbuyerProductscard.style.display = 'none';
198      AgriProductscard.style.display = 'none';
199    })
200
201    WBuyerProducts.addEventListener('click', function() {
202      WbuyerProductscard.style.display = 'block';
203      AccProductcard.style.display = 'none';
204      StoreProductcard.style.display = 'none';
205      AgriProductscard.style.display = 'none';
206    });
207
208    AgriProducts.addEventListener('click',function(){
209      AgriProductscard.style.display = 'block' ;
210      AccProductcard.style.display = 'none';
211      StoreProductcard.style.display = 'none';
212      WbuyerProductscard.style.display = 'none';
213    })