[Done] Menu, search results, testimonials, image carousel

[oneilldesign]

Hi,

I'm looking for someone to implement the following features on my otherwise completed CMSMS website:

1. A multi-level vertical menu. The root menu is currently hard-coded, and that portion is fully styled. I have selected the system (CSS/HTML/JS) to use and just need someone to implement it.

2. Search Results page. Currently search results appear under the name of the page that was being viewed prior to searching (e.g. "Home" appears as the page title on the results page if I was on the home page when I searched).

3. Testimonials. I'm using the module "Quotes Made Simple" and have inserted a number of testimonials. I'm randomly displaying a testimonial on every page, but I'd like to show all testimonials on a single page as well.

4. Image carousel. I need to display images based on the page alias, including a caption. Happy for this to work either as a module or some other method.

Please PM me if you're interested/available and if so, your rate. I need to complete the project within the next few days, but as long as I can sort out items 1 and 4, I'd be happy with that.

Cheers,

Grant

[optart]

Sent you PM.

[oneilldesign]

Thanks, I've emailed you.

[oneilldesign]

For anyone interested, I thought I might as well post my solutions to each issue:

1. A multi-level vertical menu. The root menu is currently hard-coded, and that portion is fully styled. I have selected the system (CSS/HTML/JS) to use and just need someone to implement it.

This was implemented using the Suckerfish menu.

2. Search Results page. Currently search results appear under the name of the page that was being viewed prior to searching (e.g. "Home" appears as the page title on the results page if I was on the home page when I searched).

I figured this one out. I added a new page titled 'Search Results' and with the alias 'search-results'. It does not appear in any menu. Within the site template, I inserted that alias into the search box attributes as follows:

Code: Select all

{search search_method="post" resultpage="search-results"}

3. Testimonials. I'm using the module "Quotes Made Simple" and have inserted a number of testimonials. I'm randomly displaying a testimonial on every page, but I'd like to show all testimonials on a single page as well.

I created a User Defined Tag called 'testomnials_all', with the following PHP:

Code: Select all

$testimonial_resource = mysql_query("

SELECT q1.value as author, q2.value as quote from cms_module_quoteprops q1, cms_module_quoteprops q2
WHERE q1.quoteid = q2.quoteid
AND q1.name = 'author'
AND q2.name = 'content'
ORDER BY author ASC

") or die(mysql_error());

while ($testimonial = mysql_fetch_assoc($testimonial_resource)) {

echo '<p>'.$testimonial['quote'].'<br /><strong>'.$testimonial['author'].'</strong></p>';

}

I then loaded this tag in the content area an otherwise blank 'Testimonials' page as follows:

Code: Select all

{testimonials_all}

4. Image carousel. I need to display images based on the page alias, including a caption. Happy for this to work either as a module or some other method.

I added my carousel code to the template and included a few variables to automatically insert the page alias as the filename for the images, as follows:

Code: Select all

{if isset ($slider_caption1)}

                <div id="slider-wrapper">
                    <div id="slider">
                        <ul id="sliderContent">
                            {if isset ($slider_caption1)}
                            <li class="sliderImage"> <img src="template/images/sections/{$page_alias}-01.jpg" alt="{$slider_caption1}" width="430" height="250" /> <span class="top">{$slider_caption1}</span> </li>
                            {/if}
                            {if isset ($slider_caption2)}
                            <li class="sliderImage"> <img src="template/images/sections/{$page_alias}-02.jpg" alt="{$slider_caption2}" width="430" height="250" /> <span class="top">{$slider_caption2}</span> </li>
                            {/if}
                            {if isset ($slider_caption3)}
                            <li class="sliderImage"> <img src="template/images/sections/{$page_alias}-03.jpg" alt="{$slider_caption3}" width="430" height="250" /> <span class="top">{$slider_caption3}</span> </li>
                            {/if}
                            {if isset ($slider_caption4)}
                            <li class="sliderImage"> <img src="template/images/sections/{$page_alias}-04.jpg" alt="{$slider_caption4}" width="430" height="250" /> <span class="top">{$slider_caption4}</span> </li>
                            {/if}
                            {if isset ($slider_caption5)}
                            <li class="sliderImage"> <img src="template/images/sections/{$page_alias}-05.jpg" alt="{$slider_caption5}" width="430" height="250" /> <span class="top">{$slider_caption5}</span> </li>
                            {/if}
                            {if isset ($slider_caption6)}
                            <li class="sliderImage"> <img src="template/images/sections/{$page_alias}-06.jpg" alt="{$slider_caption6}" width="430" height="250" /> <span class="top">{$slider_caption6}</span> </li>
                            {/if}
                            <div class="clear sliderImage"><!-- --></div>
                        </ul>
                    </div>
                </div>

            {/if}

Then, within each page that requires some images to be displayed in the carousel, I include the following Smarty data:

Code: Select all

{assign var='slider_caption1' value='Multiple warehouses with high-volume storage capacity'}
{assign var='slider_caption2' value='Efficient storage systems and processes'}
{assign var='slider_caption3' value='Cutting edge technology ensures smooth warehouse operations'}
{assign var='slider_caption4' value='High capaciiy storage at Richlands and Rocklea'}

Hopefully that helps someone else out in future.

[simon.romin]

Thanks for the advice on the search results page. It worked.