Skip to content
  1. Docs
  2. Template settings
  3. Images

Images

How to upload a logo for each language and the dark theme and set image sizes for products, categories and brands in the Trust template for OpenCart 3.

2 min read

Logos and sizes of all storefront images are set on the “Images” tab of the template settings: Octemplates → Trust OCTemplates - template settings.

Logos

Logo settings

  • Logo — for each language and separately for the light and dark theme. Shown in the header and footer. If not uploaded, the default store logo is displayed.
  • Footer logo in light theme and in dark theme — which of the uploaded logos to show in the footer: the regular one or the dark theme one. If the dark theme logo is not uploaded, the regular logo is used.

Tip. Upload the logo as SVG — it stays sharp on any screen. The dark theme and dark footers (Main, Compact, Mega) need a light version of the logo.

Image sizes

Width and height in pixels for each image type. OpenCart creates copies of photos in the required size, so the site doesn’t load unnecessarily large files.

Image sizes

ImageWhere it’s shownDefault
LogoHeader and footer180 × 44
SubcategorySubcategory tiles above products60 × 60
CategoryImage in the category page description180 × 160
ManufacturerBrand logos60 × 60
Product image thumbGallery on the product page800 × 800
Product image popupEnlarged photo in the viewer800 × 800
Product listCards in categories, search, modules228 × 228
Additional product imagesThumbnails under the product photo80 × 80
Related productsRelated products block228 × 228
Compare listCompare page90 × 90
WishlistWishlist100 × 100
CartCart thumbnails100 × 100
StoreStore photos on the contact page360 × 320

Aspect ratio. If product photos aren’t square (for example, clothing at 3:4), set sizes in the same ratio — say, 600 × 800 for the main image and 228 × 304 for the list. Then photos won’t have empty margins.