uStore NG Theme - return pricing table for static products?

91 views
Skip to first unread message

Alan

unread,
Oct 16, 2023, 1:53:22 PM10/16/23
to XMPie Interest Group
Hello.

Current one-page version of static products comes without pricing table. How should i modify the theme to return it?

Thank you.

couch

unread,
Oct 16, 2023, 5:42:59 PM10/16/23
to XMPie Interest Group
From what I understand, the static SPA automatically updates the price in front of the customer as they change product properties.
Before SPA, the customer had to click "update price" every time, so a table was deemed helpful/necessary.
If you want to add a table that is automatically linked to the prices defined in the back office, you will have to create a custom theme.
However, if your prices don't change often, and you know simple HTML table structure, you can add a pricing table to the "long description" field on the edit product page of the back office. (Eg the sample below will work OK)
Unfortunately, you will have to manually update the prices there, and I don't think you can add javascript to show/hide the table like in legacy mode. (I couldn't get it to work - but I'm not exactly an expert.)

<table id="priceTable" border="0" style="font-size:smaller;width:100%;table-layout:auto;empty-cells:show;">
<thead>
<tr>
<th valign="middle">Pricing Element</th>
<th valign="middle">Option</th>
<th valign="middle">Fixed Cost</th>
<th valign="middle">1+ Units</th>
<th valign="middle">10+ Units</th>
</tr>
</thead>
<tbody>
<tr valign="middle">
<td>Base</td>
<td></td>
<td>$10.00</td>
<td>$2.00</td>
<td>$1.50</td>
</tr>
<tr>
<td>Lamination</td>
<td>No Lamination</td>
<td>$0.00</td>
<td>$0.00</td>
<td>$0.00</td>
</tr>
<tr valign="middle">
<td></td>
<td>Matt</td>
<td>$0.00</td>
<td>$1.00</td>
<td>$0.80</td>
</tr>
<tr>
<td></td>
<td>Gloss</td>
<td>$0.00</td>
<td>$1.00</td>
<td>$0.80</td>
</tr>
<tr valign="middle">
<td>Corners</td>
<td>Sharp</td>
<td>$0.00</td>
<td>$0.00</td>
<td>$0.00</td>
</tr>
<tr>
<td></td>
<td>Round</td>
<td>$1.00</td>
<td>$1.00</td>
<td>$1.00</td>
</tr>
<tr valign="middle">
<td></td>
<td>Top Left and Bottom Right</td>
<td>$1.20</td>
<td>$1.20</td>
<td>$1.20</td>
</tr>
</tbody>
</table>

Alan

unread,
Oct 16, 2023, 7:56:37 PM10/16/23
to XMPie Interest Group
Thank you for response!

Sadly, the thing i was looking for was that automatic table) 
Hoped that there could be some built in component in aquablue theme for this disabled by default - with an option to turn it on in StaticProduct.js.

That table for multi page products is coming from legacy iframe "import".

Amanda Duncan

unread,
May 7, 2024, 11:19:46 AM5/7/24
to XMPie Interest Group
Alan, were you ever able to figure this out? I was just asked if I can add the pricing table to our static products and I don't see anywhere in the code to where I can either turn it back on or add it in. Hoping you had some luck here.
Reply all
Reply to author
Forward
0 new messages