Help with Idea
3 posts by 3 authors in: Forums > CMS Builder
Last Post: January 6, 2011 (RSS)
By KCMedia - January 6, 2011
Hi
i have this page http://www.actionmc.com.au/new-motorcyclesDetail.php?manufacturer=Honda and there are images on the page that show specials for the bikes.
I want to make it so that when someone puts a mouse over the price area on the image it will show up the store locations that are stored in the CMS Builder system there is feild in the multisection that the client selects what store it belongs to and it has the address and phone number.
Then below that there is a finance button they want that to be linked to the finance page on the site.
The client wants to keep the page as is with the whole ad being an image so this makes it a lot harder to control but easy for them.
so some help with this would be good i have also included the source code for the page.
i have this page http://www.actionmc.com.au/new-motorcyclesDetail.php?manufacturer=Honda and there are images on the page that show specials for the bikes.
I want to make it so that when someone puts a mouse over the price area on the image it will show up the store locations that are stored in the CMS Builder system there is feild in the multisection that the client selects what store it belongs to and it has the address and phone number.
Then below that there is a finance button they want that to be linked to the finance page on the site.
The client wants to keep the page as is with the whole ad being an image so this makes it a lot harder to control but easy for them.
so some help with this would be good i have also included the source code for the page.
Thanks
Craig
KC Media Solutions
www.kcmedia.biz
Craig
KC Media Solutions
www.kcmedia.biz
Re: [kcmedia] Help with Idea
By Chris - January 6, 2011
Hi Craig,
It would be best to break this into two separate steps:
1. output the store locations just as regular text beside the image
2. make it dynamic (have the locations hidden until mouseover)
If you're not sure how to do (1), can you explain exactly how your have your sections and fields set up? i.e. what is the list field called, does it store "num"s as values, what is the name of the store location section, what are the names of the address and phone number fields. We can help you figure this out.
Our free support can't help you with (2), but our consulting department can — please let me know if that's something you'd be interested in and we can arrange a quote.
I hope this helps. Please let me know if you have any questions.
It would be best to break this into two separate steps:
1. output the store locations just as regular text beside the image
2. make it dynamic (have the locations hidden until mouseover)
If you're not sure how to do (1), can you explain exactly how your have your sections and fields set up? i.e. what is the list field called, does it store "num"s as values, what is the name of the store location section, what are the names of the address and phone number fields. We can help you figure this out.
Our free support can't help you with (2), but our consulting department can — please let me know if that's something you'd be interested in and we can arrange a quote.
I hope this helps. Please let me know if you have any questions.
All the best,
Chris
Chris
Re: [chris] Help with Idea
By Rusty - January 6, 2011 - edited: January 6, 2011
If you're inclined to do it yourself, good luck and here are a few pointers.
Use a Multi List page for each motorcycle, and within the div created for each motorcycle create a div for the image, inside that another div sized and positioned to go over the price spot, and then another div for the location info.
Then you can google http://goo.gl/JVVqE CSS Show Hide Hover, to figure out how to show the location info when the mouse is hovered over the price area.
This is ugly but will give you an idea.
For Each
DIV wrapper - motorcycle wrapper container - CSS Position relative
IMAGE
DIV 1 - container sized and positioned absolute to be over the price area
/DIV 1
DIV 2 - location info container - CSS Position absolute
/DIV2
/DIV wrapper
End For Each
Use a Multi List page for each motorcycle, and within the div created for each motorcycle create a div for the image, inside that another div sized and positioned to go over the price spot, and then another div for the location info.
Then you can google http://goo.gl/JVVqE CSS Show Hide Hover, to figure out how to show the location info when the mouse is hovered over the price area.
This is ugly but will give you an idea.
For Each
DIV wrapper - motorcycle wrapper container - CSS Position relative
IMAGE
DIV 1 - container sized and positioned absolute to be over the price area
/DIV 1
DIV 2 - location info container - CSS Position absolute
/DIV2
/DIV wrapper
End For Each
Rusty