Page 1 of 1

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

Posted: Mon Sep 20, 2010 11:07 am
by 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

Re: Menu, search results, testimonials, image carousel

Posted: Mon Sep 20, 2010 3:16 pm
by optart
Sent you PM.

Re: Menu, search results, testimonials, image carousel

Posted: Tue Sep 21, 2010 9:02 am
by oneilldesign
Thanks, I've emailed you.

Re: Menu, search results, testimonials, image carousel

Posted: Tue Oct 12, 2010 10:28 am
by oneilldesign
For anyone interested, I thought I might as well post my solutions to each issue:
oneilldesign wrote: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.
oneilldesign wrote: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"}
oneilldesign wrote: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}
oneilldesign wrote: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.

Re: [Done] Menu, search results, testimonials, image carouse

Posted: Sun Mar 13, 2011 1:59 pm
by simon.romin
Thanks for the advice on the search results page. It worked.