SoftwareCentral · Shop administration

HTML in descriptions

Descriptions of applications and custom shop items, and several shop texts, accept HTML: tables, lists, links, colours, images and even video. You need basic HTML knowledge — wrong code can make a page look strange or stop working.

Where HTML shows Images Examples

1 Where HTML is used

In the shop settings of an application or custom shop item, switch the Description editor to HTML. The same applies to the translated descriptions under Additional Languages.

WhereWhat shoppers see
New shop – detailsThe full HTML.
New shop – wide rows viewThe full HTML, shortened with Show more.
New shop – tilesPlain text only, the first couple of lines. Tables, images and video are not shown on the card.
Classic shopThe full HTML.

The Short Description is plain text. The check-out message and the old left-menu text (Settings › Shop) accept HTML too; in the new shop, the left-menu text is shown as a message only while there are no shop messages.

Keep it light Embedded content such as videos and images slows every page it is on. And not every piece of HTML will look good in every view, or in both light and dark mode — check it in the shop.

2 Images

Store images in the SoftwareCentral Uploads folder in the install folder, and refer to them as /Uploads/Images/<file>. You can also use the address of an image elsewhere.

3 Table and embedded video

<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td valign="top" style="width: 300px;">
            <strong>Create anything you can imagine. Anywhere you are.</strong>
            <br />
            The world&rsquo;s best imaging and design app is at the core of almost every creative project. Work across desktop and mobile devices to create and enhance your photographs, web and mobile app designs, 3D artwork, videos, and more.
            <br />
            <br />
            <a href="http://www.adobe.com/products/photoshop.html">Read More...</a>
            <br />
            <br />
            Note that this program is a lease. It will be automatically uninstalled 3 months after the installation date.
        </td>
        <td>
            <iframe width="320" height="180" src="https://www.youtube.com/embed/USi_ShbcM6o?ecver=2" frameborder="0"></iframe>
        </td>
    </tr>
</table>

4 List and link

Microsoft Office is a collection of software programs commonly used in an office environment.
<br />
It is available on both Windows and Mac and includes programs, servers, services, and solutions for various business purposes.
<br />
<ul>
    <li><strong>Excel:</strong> Spreadsheet program</li>
    <li><strong>OneNote:</strong> Note taking program</li>
    <li><strong>Outlook:</strong> Personal information managers and communications program (e-mail, contacts, schedules, documents)</li>
    <li><strong>PowerPoint:</strong> Presentation graphics program</li>
    <li><strong>Visio:</strong> Business and technical diagramming program</li>
    <li><strong>Word:</strong>Word processing program</li>
</ul>
<br />
<a href="https://www.office.com/" target="_blank">Visit Microsoft Office</a>
<br />

5 Embedded image

<strong>Navigate, write, and fix your code fast</strong>
<br />
Visual Studio enables you to write code accurately and efficiently without losing the current file context. You can easily zoom into details such as call structure, related functions, check-ins, and test status. You can also leverage our functionality to refactor, identify, and fix code issues.
<br />
<a href="https://www.visualstudio.com/vs/ide/">Learn More &gt;</a>
<br />
<br />
<div class="center">
    <img alt="VisualStudio" src="/Uploads/Images/develop2.png" />
</div>

6 Table with coloured text and image

Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License.
<br />
<br />
<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td valign="top">
            Based on the powerful editing component Scintilla, <span style="color: #e36c09;">Notepad++ </span>is written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size. By optimizing as many routines as possible without losing user friendliness, <span style="color: #e36c09;">Notepad++ </span>is trying to reduce the world carbon dioxide emissions. When using less CPU power, the PC can throttle down and reduce power consumption, resulting in a greener environment.<br />
        </td>
        <td>
            <img alt="" src="/Uploads/Images/Notepad_plus_plus_example.png" />
        </td>
    </tr>
</table>
Colours in the new shop A description with its own colours is shown on a light background in the new shop, also in dark mode, so the colours you chose stay readable.

7 Message with links

A simple text with a few links and an image, for the check-out message or the old left-menu text. The last link opens one application directly; copy its Deep Link from the application's shop settings in Software Administration.

<strong>SoftwareCentral</strong>
<br />
Navigate to:
<ul>
    <li><a href="http://softwarecentral/" target="_blank">SoftwareCentral Main Page</a></li>
    <li><a href="http://softwarecentral.com/" target="_blank">SoftwareCentral Homepage</a></li>
</ul>
<br />
<strong>Newly Added:</strong>
<br />
<table>
    <tr>
        <td>
            <img alt="" width="50" src="/Uploads/Images/office.jpg" />
        </td>
        <td>
            <a href="https://softwarecentral/Shop?id=PAX000A1&amp;type=1" target="_self">Microsoft Office 365</a>
        </td>
    </tr>
</table>
<br />