https://help.x-cart.com/index.php?action=history&feed=atom&title=X-Cart%3ACustomizing_storefront_layout
X-Cart:Customizing storefront layout - Revision history
2026-05-13T02:29:16Z
Revision history for this page on the wiki
MediaWiki 1.31.5
https://help.x-cart.com/index.php?title=X-Cart:Customizing_storefront_layout&diff=4054&oldid=prev
Admin at 10:48, 1 April 2010
2010-04-01T10:48:29Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 10:48, 1 April 2010</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== Moving flyout menu from right to left hand side ==</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== Moving <ins class="diffchange diffchange-inline">[[X-Cart:Flyout Menus|</ins>flyout menu<ins class="diffchange diffchange-inline">]] </ins>from right to left hand side ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Note|This may not work <del class="diffchange diffchange-inline">in </del>all skins}}</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Note|This may not work <ins class="diffchange diffchange-inline">for </ins>all skins}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>1) Edit <u>skin1/customer/home.tpl</u>, <del class="diffchange diffchange-inline">replacin </del>the following code:</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>1) Edit <u>skin1/customer/home.tpl</u>, <ins class="diffchange diffchange-inline">replacing </ins>the following code:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><source lang=html4strict></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><source lang=html4strict></div></td></tr>
</table>
Admin
https://help.x-cart.com/index.php?title=X-Cart:Customizing_storefront_layout&diff=4051&oldid=prev
Admin at 10:44, 1 April 2010
2010-04-01T10:44:49Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 10:44, 1 April 2010</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l40" >Line 40:</td>
<td colspan="2" class="diff-lineno">Line 40:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>margin: 0px 25px 0px 250px;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>margin: 0px 25px 0px 250px;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></source></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></source></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:X-Cart user manual]]</ins></div></td></tr>
</table>
Admin
https://help.x-cart.com/index.php?title=X-Cart:Customizing_storefront_layout&diff=4050&oldid=prev
Admin: Created page with '== Moving flyout menu from right to left hand side == {{Note|This may not work in all skins}} 1) Edit <u>skin1/customer/home.tpl</u>, replacin the following code: <source lang…'
2010-04-01T10:41:51Z
<p>Created page with '== Moving flyout menu from right to left hand side == {{Note|This may not work in all skins}} 1) Edit <u>skin1/customer/home.tpl</u>, replacin the following code: <source lang…'</p>
<p><b>New page</b></p><div>== Moving flyout menu from right to left hand side ==<br />
<br />
{{Note|This may not work in all skins}}<br />
<br />
1) Edit <u>skin1/customer/home.tpl</u>, replacin the following code:<br />
<br />
<source lang=html4strict><br />
<div id="right-bar"><br />
</source><br />
<br />
with this one:<br />
<br />
<source lang=html4strict><br />
<div id="left-bar"><br />
</source><br />
<br />
2) Edit <u>skin1/altskin.css</u>, find "fancycat-icons-e li ul" class and replace the following code:<br />
<br />
<source lang=html4strict><br />
right: 185px;<br />
left: auto !important;<br />
</source><br />
<br />
with this one:<br />
<br />
<source lang=html4strict><br />
left: 185px;<br />
right: auto !important;<br />
</source><br />
<br />
3) Edit <u>skin1/altskin.css</u>, find "#center-main" class and replace the following code:<br />
<br />
<source lang=html4strict><br />
margin: 0px 250px 0px 25px;<br />
</source><br />
<br />
with this one:<br />
<br />
<source lang=html4strict><br />
margin: 0px 25px 0px 250px;<br />
</source></div>
Admin