X-Cart:Editing Skin Files - Revision history

Seyfin: /* Templates stored in the sub-directories of skin/common_files */

2021-02-11T05:04:12Z

‎Templates stored in the sub-directories of skin/common_files

Dohtur: /* Adding a 3rd Column to Ideal Responsive */

2014-09-04T01:26:44Z

‎Adding a 3rd Column to Ideal Responsive

Dohtur: /* Adding a 3rd Column to Ideal Responsive */

2014-09-04T01:13:04Z

‎Adding a 3rd Column to Ideal Responsive

Dohtur at 06:06, 7 May 2014

2014-05-07T06:06:12Z

Dohtur: /* Replacing X-Cart's Logo */

2013-09-02T13:55:15Z

‎Replacing X-Cart's Logo

Dohtur: /* Replacing X-Cart's Logo */

2013-06-24T16:04:26Z

‎Replacing X-Cart's Logo

Dohtur: /* Replacing X-Cart's Logo */

2013-06-24T16:02:16Z

‎Replacing X-Cart's Logo

Dohtur: /* Replacing X-Cart's Logo */

2013-06-24T15:20:44Z

‎Replacing X-Cart's Logo

Dohtur: /* Replacing X-Cart's Logo */

2013-06-24T13:26:10Z

‎Replacing X-Cart's Logo

Dohtur: /* Replacing X-Cart's Logo */

2013-06-24T12:47:16Z

‎Replacing X-Cart's Logo

@@ Line 108: / Line 108: @@
 Some of the template files contained in the sub-directory <u>skin/common_files/customer</u> are the following:
-* <u>customer/home.tpl</u> - master template for the customer area of the store.
+* <u>customer/home.tpl</u> - 1st master template for the customer area of the store.
 * <u>customer/head.tpl</u> - controls the 'header' row for the customer area. By default, it contains the logo, the speed bar tabs, the search box (<u>customer/search.tpl</u>) and the language selector.
 * <u>customer/bottom.tpl</u> - controls the 'footer' of the site. It contains the 'Powered by' (<u>skin/common_files/main/prnotice.tpl</u>) and 'Copyright' text (<u>skin/common_files/copyright.tpl</u>).

@@ Line 473: / Line 473: @@
 ==Adding a 3rd Column to Ideal Responsive==
 {{X-Cart:Adding a 3rd Column to Ideal Responsive}}
 ==Adding the Short Description to Product List==

@@ Line 473: / Line 473: @@
 ==Adding a 3rd Column to Ideal Responsive==
 {{X-Cart:Adding a 3rd Column to Ideal Responsive}}
 ==See also==

@@ Line 37: / Line 37: @@
 ==Managing Skin Files==
 You can manage the contents of X-Cart's <u>skin</u> directory using the '<u>Browse templates</u>' section of your store's Admin area (<u>Administration menu->Edit templates</u>). This section works similarly to the '<u>[[X-Cart:Files#Viewing_the_Contents_of_the_Files_Repository|Browse files]]</u>' section (<u>Management menu->Files</u>): it provides a file browser that you can use to view the contents of the directory <u>skin</u>, to upload your own files, to copy and delete existing files, to create and delete sub-directories.
 {{Note|In the older versions of X-Cart, the templates are stored in the directory <u>skin1</u>.}}
@@ Line 299: / Line 299: @@
 | 275 х 61 px
 |}
 <nowiki>*</nowiki> - path from X-Cart's skin directory <u><xcart_dir>/skin1/images</u>.
@@ Line 402: / Line 403: @@
 | 230 х 133 px
 |}
 <nowiki>*</nowiki> - path from the directory <u><xcart_dir>/skin</u>
@@ Line 468: / Line 470: @@
 In the older versions, the first breadcrumb item is always defined by the "Company name" option.
 ==See also==

@@ Line 405: / Line 405: @@
 <nowiki>*</nowiki> - path from the directory <u><xcart_dir>/skin</u>
-The company logo image is implemented on the site via <u><xcart_dir>/skin/<skin_name>/customer/head.tpl</u>. For example, in <u>head.tpl</u> for Ideal Comfort skin it looks as follows:
+In Books & Magazines, Ideal Comfort and Vivid Dreams skins, the company logo image is implemented on the site via <u><xcart_dir>/skin/<skin_name>/customer/head.tpl</u>. For example, in <u>head.tpl</u> for Ideal Comfort skin it looks as follows:
 <pre>
 <div class="line1">
@@ Line 413: / Line 413: @@
 </pre>
-To replace the default company logo image, prepare an image with your own company logo (use the size recommended above), save it with the same name as the default company logo image and replace the default company logo image with it. You can use a different filename, but in this case you will need to adjust the image filename in <u>head.tpl</u>.
+In Fashion Mosaic skins, the company logo is defined in the corresponding skin's CSS file. For example, for Fashion Mosaic (Grey) skin it is the file <u>skin/fashion_mosaic_grey/css/altskin.css</u>. The company logo is implemented as follows:
 For instructions on changing the logo in Ideal Responsive skin see [[X-Cart:Replacing_X-Cart%27s_Logo_in_the_Ideal_Responsive_Skin|Replacing X-Cart's Logo in the Ideal Responsive Skin]].

@@ Line 267: / Line 267: @@
 {{XC versions|from=4.0|to=4.3}}
+The default company logo files for X-Cart 4.0.x-4.3.x skins are as follows:
 {| class="wikitable"
 ! Skin Name
@@ Line 299: / Line 299: @@
 | 275 х 61 px
 |}
 <nowiki>*</nowiki> - path from X-Cart's skin directory <u><xcart_dir>/skin1/images</u>.
@@ Line 345: / Line 346: @@
 {{XC 4.5}}
+The default company logo files for X-Cart 4.5.x-4.6.x skins are as follows:
 {| class="wikitable"
 ! Skin Name
@@ Line 402: / Line 403: @@
 | 230 х 133 px
 |}
 <nowiki>*</nowiki> - path from the directory <u><xcart_dir>/skin</u>

← Older revision		Revision as of 13:26, 24 June 2013
Line 343:		Line 343:

	{{Note1\|<b>IMPORTANT!</b> To see the changes you may need to clear your browser's cache.}}		{{Note1\|<b>IMPORTANT!</b> To see the changes you may need to clear your browser's cache.}}
		+
		+	{{XC 4.5}}
		+
		+	{\| class="wikitable"
		+	! Skin Name
		+	! Default Logo Path and Filename*
		+	! File Format
		+	! Logo Size
		+	\|-
		+	\| Books & Magazines
		+	\| <u>/books_and_magazines/images/custom/logo.gif</u>
		+	\| GIF
		+	\| 455 x 125 px
		+	\|-
		+	\| Ideal Comfort
		+	\| <u>/ideal_comfort/images/custom/logo.png</u>
		+	\| PNG
		+	\| 297 х 42 px
		+	\|-
		+	\| Fashion Mosaic (Blue)
		+	\| <u>/fashion_mosaic_blue/images/fashion_mosaic/company_logo.gif</u>
		+	\| GIF
		+	\| 228 x 50 px
		+	\|-
		+	\| Fashion Mosaic (Green)
		+	\| <u>/fashion_mosaic_green/images/fashion_mosaic/company_logo.gif</u>
		+	\| GIF
		+	\| 228 x 50 px
		+	\|-
		+	\| Fashion Mosaic (Grey)
		+	\| <u>/fashion_mosaic_grey/images/fashion_mosaic/company_logo.gif</u>
		+	\| GIF
		+	\| 228 x 50 px
		+	\|-
		+	\| Fashion Mosaic (Pink)
		+	\| <u>/fashion_mosaic_pink/images/fashion_mosaic/company_logo.gif</u>
		+	\| GIF
		+	\| 228 x 50 px
		+	\|-
		+	\| Vivid Dreams (Aquamarine)
		+	\| <u>vivid_dreams_aquamarine/images/vivid_dreams/logo.gif</u>
		+	\| GIF
		+	\| 345 х 54 px
		+	\|-
		+	\| Vivid Dreams (Chromo)
		+	\| <u>vivid_dreams_chromo/images/vivid_dreams/logo.png</u>
		+	\| PNG
		+	\| 288 х 59 px
		+	\|-
		+	\| Vivid Dreams (Lotus)
		+	\| <u>vivid_dreams_lotus/images/vivid_dreams/logo.gif</u>
		+	\| GIF
		+	\| 275 х 61 px
		+	\|-
		+	\| Vivid Dreams (Violet)
		+	\| <u>vivid_dreams_violet/images/vivid_dreams/logo.gif</u>
		+	\| GIF
		+	\| 230 х 133 px
		+	\|}
		+
		+	<nowiki>*</nowiki> - path from the directory <u><xcart_dir>/skin</u>

	==Customizing the breadcrumb trail==		==Customizing the breadcrumb trail==