X-Cart forums

[klsmith007@yahoo.com]

It seems that after adding the MagicSlideshow at the top of the main "center" section, and having my product categories in the bottom center section, I'm stuck with a blank main.center.center section.

I've tried to disable areas of the templates, but it doesn't seem to do anything. I'm kind of lost on the whole Smarty layout, so I'm shooting in the dark here. This area did not show up in 5.1.1.

I'm currently on the latest version 5.2.4.

Thanks for your help.

Kevin

[tony_sologubov]

Could you please send me the mod you have added and I will try to suggest a solution.

Tony

[klsmith007@yahoo.com]

Hi Tony,

After working with the MagicToolbox/MagicSlideshow engineer, it looks like the problem was on their side. They do not "officially" support using the MagicSlideshow on the X-Cart Frontpage. They did give me a mod or two to get it to work however. I'm including them here in case anyone else wants to use the slideshow on their front page.

After installing the module, you need to add a link to their CSS file and the magicslideshow.js javascript file.

The commands are:

<link rel="stylesheet" type="text/css" href="skins/default/en/modules/MagicToolbox/MagicSlideshow/css/magicslideshow.css"/>
<script src="skins/default/en/modules/MagicToolbox/MagicSlideshow/js/magicslideshow.js" type="text/javascript"></script>

I added these lines at the bottom of the script_config.tpl file. I tried to make a copy and use ./skins/custom_skin/default/en/header/parts/script_config.tpl as copied form ./skins/default/en/header/parts/script_config.tpl, but after a redeploy of the site, the changes did not show up, so I just edited the later. I know it'll be an issue when performing an upgrade, but I'll just need to cross that bridge when I come to it.

After doing a redeploy, I then went to Admin->Look & Feel->Custom Images and added a few images for the slideshow. Next I went to Admin->Catalog->Front page and selected the Tools->Source code option to bring up the front page data in an HTML editor. I added:

<div class="MagicSlideshow">
<img src="/var/theme/images/image1.jpg" alt="" />
<img src="/var/theme/images/image2.jpg" alt="" />
<img src="/var/theme/images/image3.jpg" alt="" />
</div>

Clicked "Ok", then "Save Changes" and then went to my storefront to see the new slideshow. I did have a problem with the size of the slideshow, and that is the problem that I noted here and in another forum issue and that is that the default size for the slideshow is about 750 pixels high, so the Product Categories were shifted down on the Frontpage. This caused a rather large gap between the slideshow and the storefront categories. In addition, the slideshow did not use any of the module "settings" as specified on the MagicSlideshow settings page. The simplest solution, given by the MagicSlideshow engineer, was to add the following to the above mentioned script_config.tpl file:

<script>
MagicSlideshow.options = {
'selectors-style': 'bullets',
'selectors' : 'bottom',
'width': '100%',
'height': '32%',
'effect': 'dissolve'
}
</script>

The height percentage of 32% removed all of the blank area from the slideshow. I would imagine a specific value like 275px would probably work too. As an alternative, the MagicToolbox engineer suggested that I could make changes to the Header.php file provided in the MagicSlideshow code, but the approach above seemed to be better, since the "manual" changes are contained in one file.

Hopefully the instructions make sense to other engineers working the code. It sure would have been nice if this had been explained in some developer document somewhere from the MagicToolbox folks.

Thanks again for your help.


Kevin

[tony_sologubov]

Thanks for sharing this info, Kevin!