Logo List

This topic applies to

Applies to

SuiteCommerce Web Stores | Site Management Tools | Aconcagua

The SuiteCommerce Logo List extension lets you add up to 12 images to your web page, include descriptive text, and specify an internal or external URL for each image. You can choose grid or carousel layout and determine how many images to display per line according to screen size. For example, with Logo List, you can display your top brands or partners, highlight certifications and awards, or showcase promotions.

Important

SuiteCommerce extensions are only available if they are provisioned and set up in your account. For more information, see NetSuite Extensions.


You can add a logo list to multiple areas on your website using Site Management Tools. For more information on Site Management Tools, see SMT Overview.

To add a logo list:

  1. Go to the page where you want to add a logo list.

  2. Click Add on the Site Management toolbar.

  3. Drag the Logo List content type to the page.

    Note

    If you do not see this content type, check that the extension has been installed and is active. Click the Settings button on the Site Management toolbar to access the Content Manager. Drag the content type from the Inactive Content Types list to the Active Content Type list.


    You can drag the Logo List content type to multiple areas on the page:

    • If you drag it to an area marked as all pages, then the content displays on any page that contains that area.

    • If you drag it to an area marked as page type, then the content displays on any page of that type.

    • If you drag it to an area marked as this page, then the content displays only on the page that you add it to.

  4. In the General tab:

    1. Use the Name field to enter a description of your new content.

      See Content Tags and Filter Tools.

    2. Set the content visibility options.

      See Visibility Dates.

    3. In the Header field, enter the title for the content.

      A preview displays in the page.

    4. In the Layout field, choose either grid or carousel layout for your logo list.

    5. In the Logos per Line - Desktop, Logos per Line - Tablet and Logos per Line - Phone fields, select the number of logos you want to display per line for each device type.

    6. In the Text Color field, choose the color you want for the text fields.

      By default, the color is taken from your theme. If you select Dark, the text uses the dark text color defined in your theme. If you select Light, the text uses the light text color defined in your theme.

    7. If you want the URL links to open in a new window or tab, select the Open in New Window box.

    8. Use the Tags field to enter keywords that help you filter your content in the Review Changes list.

      See Content Tags and Filter Tools.

  5. In the Logos tab:

    1. Select the image you want to display using the Image Manager.

      See Image Manager.

    2. In the Alt Text field, enter a description of the image.

      This text is used to improve web accessibility for visually impaired users and SEO purposes.

    3. Enter the logo description in the Caption field.

      This text is displayed below the image. If you do not want to include any text, leave this field blank.

    4. If you want to link the image to an external page, enter the URL in the Link field.

      You can enter absolute URLs (http://www.example.com) and relative URLs (/search).

  6. Repeat step 5 for as many logos as you want to display. You can add up to 12 logos. All images should have the same resolution for optimum display.

  7. Click Save.

If you have not published your logo list and you decided to remove it, you can discard it. If you have already published your logo list, you can remove it directly from the page where it is located. For more information on the differences between discarding or expiring content, see Discard Content Vs Expiring Content.

To discard a logo list:

  1. Go to the Review & Publish Changes list.

  2. Select the Logo List content in the list.

  3. Click Discard.

  4. Click OK.

To remove logo list content:

  1. Go to the page that contains the logo list you want to remove.

  2. Click the Logo List box.

    This highlights it and displays the content controls.

  3. Click Remove.

  4. Click OK.

To change an image link or alternative text:

  1. Go to the page that contains the logo list.

  2. Click the Logo List box, and then click the Settings button.

    This displays the Logo List Settings in the side panel.

  3. In the Logos tab, enter the URL to link to the logo in the Link field or enter the alternative text in the Alt Text field.

  4. Click Save.

Related Topics