Не можете найти скрипт Jquery для сортировки / изменения структуры <div>, Есть идеи?
У меня есть интернет-магазин. Есть компания, которая предоставляет мне это. Таким образом, они остаются для хоста и базы данных. У меня есть администратор, чтобы управлять интернет-магазином. Там я могу изменить CSS, HTML и JavaScripts на сайте с некоторыми исключениями.
Я хочу изменить одно из этих исключений - "структура страницы оформления заказа", поддержка от компании, которая предоставляет мой интернет-магазин, говорит, что я должен изменить структуру с помощью JavaScript. Я дружественный Jquery.
Теория: (Вот как это выглядит сейчас на стороне конечного клиента):
**Products list on the cart:**
------------------------------
I Art1 10$ 10units I
I Art2 5$ 4units I
I Art3 1$ 1units I
------------------------------
**Payments method:**
--------------
I Visa I
I Invoice I
I SMS I
--------------
**Freight Alternative:**
-------------------
I Ordinarie I
I DHL Saver I
I DHL Express I
-------------------
**Adress Alternative:**
-----------------------
I Actually adress I
I Customer Name I
I Customer Telefon I
-----------------------
(Вот как я хочу, чтобы это выглядело на стороне конечного клиента):
**Products list on the cart: Payments method: Freight Alternative: Adress Alternative:**
-----------------------------------------------------------------------------------
I Art1 10$ 10units I Visa I Ordinarie I Actually adress I
I Art2 5$ 4units I Invoice I DHL Saver I Customer Name I
I Art3 1$ 1units I SMS I DHL Express I Customer Telefon I
-----------------------------------------------------------------------------------
В общих чертах, так выглядит страница HTML Checkout по умолчанию, которую предлагает мне компания.
<html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->
<body>
<div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div>
<div>
<div>Payment method, Example: Visa, Invoice, SMS</div>
<div>Freight method, Example: ordinary, UPS saver, UPS express</div>
<div>Customer address, Example: Delivery adress, Phone number, Contact person</div>
</div>
</body>
</html>
Шаг 1: Найдите альтернативный скрипт JQuery, чтобы изменить структуру.
<html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->
<!-- MAGICAL JQUERY SCRIPT FROM STACKOVERFLOW ANSWER -->
<script>
script
script
</script>
<!-- END -->
<body>
<div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div>
<div>
<div>Payment method, Example: Visa, Invoice, SMS</div>
<div>Freight method, Example: ordinary, UPS saver, UPS express</div>
<div>Customer address, Example: Delivery adress, Phone number, Contact person</div>
</div>
</body>
</html>
Шаг 2: Сконфигурируйте скрипт Jquery, чтобы отделить структуры от страницы по умолчанию. Поэтому, когда я обновляю страницу после сохранения нового скрипта, это выглядит так.
<html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->
<!-- MAGICAL JQUERY SCRIPT FROM STACKOVERFLOW ANSWER -->
<script>
script
script
</script>
<!-- END -->
<body>
<table>
<tr>
<td> <div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div></td>
<td> <div>Payment method, Example: Visa, Invoice, SMS</div></td>
<td> <div>Freight method, Example: ordinary, UPS saver, UPS express</div></td>
<td> <div>Customer address, Example: Delivery adress, Phone number, Contact person</div></td>
</tr>
</table>
</body>
</html>
Есть идеи? Я нашел некоторую структуру сортировки Jquery. Но не выглядело так свежо и просто. Я скучаю по некоторым новым, простым вещам? или я должен использовать уродливые варианты?
С уважением из Швеции. Пожалуйста, дайте мне знать, если не легко понять вопрос!