Jump to content

Using images instead of box titles


Guest Classkeeper

Recommended Posts

Guest Classkeeper

How can you use images in cc4 as box titles? Is there an easy way like in cc3 where you would replace the text in the lang.inc file? Ive been playing with the language editor in the admin, but where does it actually store the custom text as the original files in the language/en/boxes/ do not seem to change at all?

Link to comment
Share on other sites

The custom text is stored in the database, in the CubeCart_lang table.

You could easily edit the box templates to reference an image instead of the box title. That might be the easiest way to accomplish what you're after.

Link to comment
Share on other sites

Guest Classkeeper

so which part of the code in the tpl file would need to be changed specifically? Im still trying to figure the code out. Cheers..

Link to comment
Share on other sites

Guest pshawny

I'll assume you want each box to have a different title image. This example will be for changing the categories box.

Under the skins folder, go to styleSheets>layout.css

.boxTitleCategories {

background color: #FFFFFF;

height: 25px;

padding-left: 5px;

background-image: url(../styleImages/backgrounds/categories.gif);

background-position: center;

background-repeat: no-repeat;

margin-top: 10px;

}

Then, under the skins folder, go to styleTemplates>Boxes>categories.tpl

Change this code: <div class="boxTitleLeft">{LANG_CATEGORY_TITLE}</div> To this code: <div class="boxTitleCategories"></div>

Now the categories title will display the picture instead of the default text. You will need to tweak the image size, margins, padding, etc. to make it look good. These steps will have to be repeated for each box that you want to change.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...