Graphic Editing - customize the graphic to your needs.

At SOTESHOP you can easily customize graphics to your needs. First, you choose from many ready-made designs and change its parameters: page layout, colors, texts, photos and many other elements. All graphic designs are adapted to both mobile and desktop devices.

Check out the SOTESHOP graphics in the standard: https://www.soteshop.com/soteshop-graphic-layouts
If you need an individual graphic design, check out the offer: https://www.soteshop.com/individual-designs

Table of Contents

In the Admin Panel, go to Applications → Graphic Editing Graphic Editing module icon

List of graphic themes

Graphic Theme Editing

Edit the graphic theme

Editing

Select Theme Editing

Basic graphic theme editing window
  1. Select Default,

    The theme will be displayed on desktop devices.

  2. Select Default theme for mobile devices,

    The theme will be displayed only on mobile devices (smartphone or tablet).

  3. Press the Save button.

Downloading the Graphic Theme

  1. Press the Download theme button,
  2. Save the file to your local disk.

Graphic Configuration

Select Graphic Configuration

Configuration window of the graphic theme
  1. Configure:
    • Logo and header appearance,
    • Overall look,
    • Top navigation bar look,
    • Top navigation bar look - mobile devices and small screens,
    • Footer look,
    • Drop-down menu look,
    • Banner look,
    • Category tree look,
    • Product boxes look,
    • Product card look,
    • Default button look,
    • Highlighted button look,
    • Cart button look,
    • Social media icons - header,
    • Drop-down menu look for product options,
    • Social media icons - footer,
  2. Press the Save and Apply button.

    Changes will be applied and visible in the store.

  3. (or) Press the Save button.

    Changes will not be applied and visible in the store. You can check them in the graphic preview.

Layout Configuration

Select Layout Configuration

For the themes: Bianco, Elegante, Marrone, Moda, Lazuli, Ristorante and Futura:

In the case of themes: Argento8, Giallo8 and Cutlery8: Configuration window of the graphical theme layout for new version 8 themes
  1. Select Home Page - Desktop. Number of products in a row,
  2. Select Home Page - Desktop. Number of categories in a row,
  3. Select Home Page - Desktop. Text alignment of products,
  4. Select Home Page - Desktop. Text alignment of categories,
  5. Select Home Page - Gap between category image and box edge,
  6. Select Home Page - Mobile. Number of products in a row,
  7. Select Home Page - Mobile. Number of categories in a row,
  8. Select Categories - Layout,
  9. Select Categories - Desktop. Number of products in a row,
  10. Select Categories - Desktop. Text alignment,
  11. Select Categories - Mobile. Number of products in a row,
  12. Select Product Lists - Gap between product image and box edge,
  13. Select Product Card - Layout,
  14. Select Product Card - Show in right column,
  15. Select Product Card - Gallery image border,
  16. Select Product Card - Desktop. Number of gallery images in a row,
  17. Select Footer - Desktop. Link presentation,
  18. Select Blog - Post frame,
  19. Select Blog - Gap between image and box edge,
  20. Press the Save button.
  • Select Font Type,
  • Select Horizontal Menu,
  • Select Homepage - Layout,
  • Select Homepage. Element 1,
  • Select Homepage. Element 2,
  • Select Homepage. Element 3,
  • Select Homepage. Element 4,
  • Select Homepage. Element 5,
  • Select Homepage. Element 6,
  • Select Homepage. Element 7,
  • Select Homepage - Desktop. Number of products in a row,
  • Select Homepage - Desktop. Number of categories in a row,
  • Select Homepage - Desktop. Alignment of product text,
  • Select Homepage - Desktop. Alignment of category text,
  • Select Homepage - Gap between category image and box edge,
  • Select Homepage - Mobile. Number of products in a row,
  • Select Homepage - Mobile. Number of categories in a row,
  • Select Categories - Layout,
  • Select Categories - Desktop. Number of products in a row,
  • Select Categories - Desktop. Alignment of text,
  • Select Categories - Mobile. Number of products in a row,
  • Select Product Lists - Gap between product image and box edge,
  • Select Product Card - Layout,
  • Select Product Card - Show in right column,
  • Select Product Card - Gallery image border,
  • Select Product Card - Desktop. Number of gallery images in a row,
  • Select Footer - Desktop. Link presentation,
  • Select Blog - Post frame,
  • Select Blog - Gap between image and box edge,
  • Press the Save button.

    • For other themes:

    Configuration window of the graphic theme layout
    1. Configure the layout for:
      • Product list,
      • Product card,
      • Website,
    2. Press the Save button.

    Text configuration

    Select Text configuration

    1. Select one of the texts List of texts to edit in the graphic theme
    2. Enter the Content Text editing window of the graphic theme
    3. Press the Save button
    Example text on the home page

    Graphic preview

    1. Press the Preview button,
    2. Log in, Logging in to the graphic theme preview
    3. Check the look of the graphic theme. Home page on the graphic theme preview

    Adding a new graphic theme

    1. Finding yourself on the list of graphic themes, press the Add button, Adding your own graphic theme
    2. Check Default,
    3. Enter the Theme name,
    4. Select the base theme in Create theme based on,
    5. Press the Save button, New graphic theme after saving
    6. Edit New Graphic Theme.

    SOTE YouTube

    Stay up to date with the latest SOTESHOP program updates. Subscribe to the SOTE YouTube channel.