• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50

let trmarkup = `<tr>
    <td class="spo_input online">
        <label data-rsiquery="{\"media\": \"subscription\", \"lvl\": \"1\"}">
            <span>
                <input class="spo_radio" type="radio" name="olselect">
                <span class="spo_lvl">1 Month</span>
            </span>
            <span class="spo_price">$11.99</span>
        </label>
        <label data-rsiquery="{\"media\": \"subscription\", \"lvl\": \"12\"}">
            <span>
                <input class="spo_radio" type="radio" name="olselect">
                <span class="spo_lvl">12 Month</span>
            </span>
            <span class="spo_price">$233</span>
        </label>
        <label data-rsiquery="{\"media\": \"subscription\", \"lvl\": \"life\"}">
            <span>
                <input class="spo_radio" type="radio" name="olselect">
                <span class="spo_lvl">Lifetime</span>
            </span>
            <span class="spo_price">$340</span>
        </label>
    </td>
    <td class="table-break">
    </td>
    <td class="spo_input download">
    </td>
</tr>`;

let spo_styles = `
<style>
    .spo_input label {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        margin: 1.33em auto;
        max-width: 20em;
    }
</style>
`

//Remove CD column:
$('.product-table tbody td:last-child').remove();
//Change download column header copy:
$('.product-table th:last-child').text('DOWNLOAD')
$('.product-table tbody tr:nth-child(1) td:last-child p:first-child').text('INSTANT DOWNLOAD');

$('.product-table:eq(0) tbody tr:nth-child(2)').add('.product-table:eq(1) tbody tr:nth-child(1)').after($(trmarkup));
$('head').append($(spo_styles));