How can I customise my product graphics?

Graphics are an important part of your Partnershop and can be customised.

The following steps are required to provide customised graphics for your USS Partnershop.

1. Create the desired graphics using the specification for USS Partnershop graphics.
   Please note the applicable specifications for USS graphics at the end of the article.
2. Upload the created graphics to your USS partner shop media library.
   To do this, switch to your partner shop backend – CMS / Media / Media Upload.
3. Select the desired category.
   Category for category header graphics
   Product for product header and product detail graphics
   Product Variant for product header and product detail graphics (e.g. GreenLine, calendar formats, etc.)
   Calculation Images for product icon graphics

Use your own graphics on product pages
The following steps are required to change the graphics of individual product pages in your USS Partnershop.

1. Switch to your Partnershop backend – CMS / Content / Pages / Product.
2. Select a product from the page list (e.g. Banderoles).
3. Open the ‘General Page Data’ component.
4. Replace the two graphics ‘Open Graph Image’ and ‘Preview Image’.
5. Under ‘Open Graph Image’, click on the media centre icon on the left below the graphic.
6. Then select the category in the window – Category ‘calculation-images’.
   If no graphic is displayed, click on the refresh icon at the top right.
7. Select the desired product icon (e.g. Banderoles).
8. Repeat steps 5-7 for the ‘Preview Image’.
9. Then open the ‘Header’ component.
10. Under ‘Background Image’, click on the media centre icon on the left below the graphic.
    If no image is displayed, click on the refresh icon at the top right.
11. Select the desired header graphic (e.g. banderoles).
12. Then open the ‘Free Texts Two Columns’ component.
13. Select ‘Compose ON’ in the right-hand section.
14. Click on the media centre icon on the left below the graphic.
15. Select the desired detail graphic (e.g. banderoles).
16. Save your changes by clicking on the ‘Save Changes’ button.

Use your own graphics in category pages
The following steps are required to change the graphics on the category pages in your USS Partnershop.

1. Switch to your Partnershop backend – CMS / Content / Pages / Category.
2. Select a category from the page list (e.g. 24-hour service).
3. Open the ‘Header’ component.
4. Under ‘Background Image’, click on the media centre icon on the left below the graphic.
   If no image is displayed, click on the refresh icon at the top right.
5. Select the desired header graphic (e.g. 24h service).
6. Save your changes by clicking on the ‘Save Changes’ button.

Use your own graphics in the product icons (calculation image)

1. To do this, switch to your Partnershop backend – CMS / Content / Product Data / Editor.
2. Select a product from the ‘Product Alias’ list (e.g. Banderoles).
3. Replace all graphics by clicking on the media centre icon on the left below the graphic.
4. Then select the category in the window – Category / ‘calculation_images’.
   If no graphic is displayed, click on the refresh icon at the top right.
5. Select the desired product icon (e.g. Banderoles).
6. Repeat these steps for all graphics that you wish to replace.
   Please note that the ‘Calculation image’ must be maintained on several pages.
   Change pages via the ‘Pages’ navigation above the graphic.
7. Click the ‘Save’ button as soon as you have finished editing the ‘Calculation image’ for a product (e.g. banderoles).

Publish changes

1. After saving, the changes must be published.
   Switch to your partner shop backend – CMS / Administration / Redis Management / Exports.
2. Click the ‘Create Productive Version’ button.

Your changes will be visible to all customers in the shop after approx. 2 minutes.

Specification for USS product graphics

The following specifications apply to the processing of USS Partnershop graphics.

Product-Icon
Size: 360x 360px
Format: *.png with transparent background
Name convention: Icon_xxx.png

Product- / Category-Header
Size: 1770 x 320px / 96dpi
Format: *.jpg mit seitlichem grauem Verlauf
Name convention: Product_Header_xxx.jpg / Category-Header_xxx.jpg

Product-Detail
Size: 785 x 385px / 96dpi
Format: *.jpg
Name convention: Product_Graphic_xxx.jpg