Can I put a background image on the mobile site?

Yes. To place your custom background image on the mobile site, follow these steps:

OMF v2.x

  1. Go to OpenCart Admin>Extensions>Modules
  2. Click "Edit" for the OpenCart Mobile Framework Administration
  3. On the "General" tab note the current mobile theme
  4. Upload your background image to /catalog/view/theme/current_mobile_theme/images, e.g. if the current mobile theme is omf2 upload the image to /catalog/view/theme/omf2/images
  5. In the OpenCart Mobile Framework Administration switch to the "Customization" tab and in the "Custom CSS" box paste this code:

    body{
    background-image:url('images/background.jpg');
    background-repeat:repeat;
    }
  6. Replace background.jpg with the name of your background image file. Please note that you have to include the full name of the file, i.e. with .jpg or .png.

OMF v1.x

  1. Create a custom mobile theme, if you don't have one.
  2. Upload your background image to /catalog/view/theme/your_mobile_theme/images
  3. Go to OpenCart Admin>Extensions>Modules
  4. Click "Edit" for the OpenCart Mobile Framework Administration
  5. On the "General" tab, apply your_mobile_theme  as the active theme
  6. On the "Customization" tab, in the "Custom CSS" box, paste this code:

    body{
    background-image:url('images/background.jpg');
    background-repeat:repeat;
    }
  7. Replace background.jpg with the name of your background image file. Please note that you have to include the full name of the file, i.e. with .jpg,.png or .gif.

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk