nathan111777,
в 'goods.json' никаких var, только одна строка, пример выше |
Работает уже, проблема как раз таки была в том, что я изменил файл json.
Еще один вопрос, а как подключить стили к файлу JSON? |
Цитата:
|
ну у меня сейчас объекты отобразились на странице одним потоком:
а хочу с помощью css выровнять элементы JSON красиво один напротив другого, рамки для товаров сделать и т.д. |
nathan111777,
так у вас же есть файл css -- в нём и пишите всё что хотите, JSON то тут каким боком? |
nathan111777,
перенесите строки 8 - 34 в ваш файл style.css и добавьте тег <link rel="stylesheet" href="css/style.css"> <!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> .single-goods { width: 22%; max-width: 300px; border: 1px solid black; text-align: center; display: flex; flex-direction: column; justify-content: center; } .single-goods button { height: 2em; } .single-goods img{ width: 100%; height: auto; } .single-goods *{ margin: 0; } .single-goods p{ margin: 2px 0px; } #goods { display: flex; flex-wrap: wrap; justify-content: space-around; } </style> </head> <body> <div id="goods"><div class="single-goods"><h3>Платье1</h3><p>Цена: 50</p><img src="https://cdn.shopify.com/s/files/1/2671/4680/products/pol_dress_sage_240x.jpg?v=1553634712"><button class="add-to-cart" data-art="11292">Купить</button></div><div class="single-goods"><h3>Платье2</h3><p>Цена: 150</p><img src="https://cdn.shopify.com/s/files/1/0519/8561/products/IMG_5881_76665333-5efd-46da-b57e-2472ddb55697_240x.jpg?v=1548397696"><button class="add-to-cart" data-art="11294">Купить</button></div><div class="single-goods"><h3>Платье3</h3><p>Цена: 200</p><img src="https://cdn.shopify.com/s/files/1/0073/5671/1030/products/websizedphotos_1_copy_6_522fb324-3529-4e22-989e-0924860cb34d_240x.png?v=1553665976"><button class="add-to-cart" data-art="11295">Купить</button></div><div class="single-goods"><h3>Платье4</h3><p>Цена: 300</p><img src="https://cdn.shoptiques.com/shoptiques-shop/products/mock-neck-dress-14-blue-9f38a7d3_pl.jpg"><button class="add-to-cart" data-art="11296">Купить</button></div></div> </body> </html> |
css применяет стили к елементам файла html- к их div по id или названию класа и что я делаю:
1) в html пишу <link rel="stylesheet" href="style.css"> тоесть подключаю стили к html файлу 2) в самом css пишу: .single-goods { width: 300px;} Но у меня ж картинки, название товара и цена находятся в файле JSON и я не могу написать в JSON: https://ibb.co/bJ7c6fj и вот так по названию в обьекта в css: https://ibb.co/Ln1vZqX |
nathan111777,
не могу помочь, не понимаю вас. |
Часовой пояс GMT +3, время: 00:46. |