Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 23.06.2019, 22:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

nathan111777,
в 'goods.json' никаких var, только одна строка, пример выше
Ответить с цитированием
  #12 (permalink)  
Старый 23.06.2019, 23:59
Аспирант
Отправить личное сообщение для nathan111777 Посмотреть профиль Найти все сообщения от nathan111777
 
Регистрация: 12.05.2019
Сообщений: 44

Работает уже, проблема как раз таки была в том, что я изменил файл json.
Еще один вопрос, а как подключить стили к файлу JSON?
Ответить с цитированием
  #13 (permalink)  
Старый 24.06.2019, 06:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от nathan111777
как подключить стили к файлу JSON?
не понимаю вопроса, может кто-то другой подскажет.
Ответить с цитированием
  #14 (permalink)  
Старый 24.06.2019, 10:29
Аспирант
Отправить личное сообщение для nathan111777 Посмотреть профиль Найти все сообщения от nathan111777
 
Регистрация: 12.05.2019
Сообщений: 44

ну у меня сейчас объекты отобразились на странице одним потоком:



а хочу с помощью css выровнять элементы JSON красиво один напротив другого, рамки для товаров сделать и т.д.
Ответить с цитированием
  #15 (permalink)  
Старый 24.06.2019, 10:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

nathan111777,
так у вас же есть файл css -- в нём и пишите всё что хотите, JSON то тут каким боком?
Ответить с цитированием
  #16 (permalink)  
Старый 24.06.2019, 11:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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>

Последний раз редактировалось рони, 24.06.2019 в 11:20.
Ответить с цитированием
  #17 (permalink)  
Старый 24.06.2019, 11:25
Аспирант
Отправить личное сообщение для nathan111777 Посмотреть профиль Найти все сообщения от nathan111777
 
Регистрация: 12.05.2019
Сообщений: 44

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
Ответить с цитированием
  #18 (permalink)  
Старый 24.06.2019, 11:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

nathan111777,
не могу помочь, не понимаю вас.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменять свойства каждого элемента массива? Astrey Элементы интерфейса 3 26.06.2013 10:59
Как изменить HTML который пришел с серевера? wawandas Общие вопросы Javascript 4 24.03.2013 20:13
Использование классов в JavaScript devote Ваши сайты и скрипты 70 01.02.2013 17:17
Как изменить свойство css у всех элементов одного класса AlexJ Events/DOM/Window 7 19.03.2011 06:25
Как изменить параметр класса с помощью JS? Shitbox2 Events/DOM/Window 5 07.03.2011 20:52