Я работаю над настройкой своего магазина BigCartel и остановился на последней функции, которую хочу добавить.Я заметил, что в моем шаблоне [Ranger Theme] нет опции, позволяющей использовать кнопку диаграммы размеров на страницах товара.Это функция, которую я действительно хотел, поэтому я написал код, который вызывает всплывающее окно, которое отображает диаграмму размера.
Теперь моя проблема заключается в том, как я могу получить страницу каждого продукта, чтобы отображать диаграммы разных размеров ввсплывающее окно в отличие от того же точного размера отображается независимо от того, какой продукт клиент просматривает?В редакторе, кажется, у меня есть возможность только пакетного редактирования кода для «всех» страниц продукта, но не для каждой страницы в отдельности.
Мне довольно трудно найти какую-либо документацию о том, как добавить этосвоего рода особенность сайтов Большого картеля.Самая близкая вещь, на которую я смог взглянуть, это сайты Shopify.Поскольку и Shopify, и Big Cartel, по-видимому, написаны на одном языке шаблонов [Liquid], я подумал, что любой код, используемый для такого рода функций на сайтах Shopify, можно разумно ожидать, что он будет работать и на сайтах Big Cartel, возможно, с небольшими изменениями вБольшинство.
Чтобы проверить эту теорию, я позаимствовал некоторый фиктивный код, который я нашел в Интернете на CodePen, я считаю, который был написан специально для Shopify, и он работал.Извините, я не помню точно, для чего код был - это было, вероятно, неделю назад, и с тех пор я отказался от кода.Но моя точка зрения - это сработало.Поэтому я считаю, что это можно сделать, даже если потребуется немного изменить кодирование, изначально предназначенное для использования на сайтах Shopify.
Наиболее распространенный ответ, который я получил до сих пор при представлении этого вопроса разработчикам в Интернете:«Это легко исправить с помощью небольшого PHP. Вы работаете в Wordpress?»А потом, я отвечаю, нет, это на самом деле для сайта Большого картеля. «И это обычно там, где заканчивается конво. Похоже, что есть множество способов сделать это практически на любой другой платформе, но никто еще не решил это для Большого картеля.
Я не знаю, какой код был бы особенно полезен, поскольку я спрашиваю не о том, как исправить неисправный код, а о том, какой код можно написать, чтобы достичь определенного желаемого результата.Мой сайт BigCartel, на который кто-нибудь хотел бы взглянуть, пожалуйста, дайте мне знать.
Вот ссылка на весь код HTML, CSS и JS для всплывающего окна кнопки, если это может помочь: https://codepen.io/leelabrae/pen/RzgjMb
Ниже приведен только HTML-код.
`<a class="trigger_popup_fricc"><button class="block" name="open" type="open" title="Size Chart">SIZE CHART</button></a>
<div class="hover_bkgr_fricc">
<span class="helper"></span>
<div>
<div class="popupCloseButton">X</div>
<p><img src="https://www.dropbox.com/s/hwa2l975cpmam9u/cityteesizes.png?raw=1"></p>
</div>
Желаемый результат: нажатие кнопки с надписью «Таблица размеров» вызывает всплывающее окно, содержащее (изображение) диаграммы размеров для продукта (А) на этой странице. Если пользователь переходит на другую страницу продукта, нажатие кнопки «Таблица размеров» теперь вызывает всплывающее окно, содержащее таблицу размеров для производства.t (B) и т. д., пока все продукты не получат свои собственные всплывающие диаграммы уникальных размеров.