We are developing a website on Magento Community Edition (Version 22.214.171.124) using free theme hellowired ([url removed, login to view]).
Our website will specialize in selling Car Accessories. We have created an attribute "Vehicle Model" which will contain all the available car models in our country. This attribute is of multiple select type and while adding any product we select the vehicle models which that product can fit into or 'All Cars' in case the product can fit into any car. Also we have created another attribute "Brand" in which we specify the products brand while adding the product.
What we want is:
1. Create a CMS static block, tentatively titled 'customize my car' which will have a changeable background image (jpg or png) along with two dropdown boxes 'Select Your Vehicle' & 'Select Product Category'. The first dropdown box will list all vehicle models which are listed in the attribute 'Vehicle Model' mentioned above (new vehicle models will be constantly added to this list and it should dynamically list all the vehicles added as on that time). Once the customer has choosen his vehicle model the second dropdown (select product category) will be populated with all the product categories (only level one & level two categories, level two categories will be indented to differentiate them from level one) which have products which will fit that particular vehicle model selected by the customer. The product category entry in the second drop down will also display the number of products available in brackets after the product category name. If a particular level 2 product category does not have any product which will fit that vehicle model that product category should not be displayed. Similarly if a level 1 product category does not have any subcategory (level 2 category) with any product then even the level 1 category should not be displayed. Once the customer has choosen the product category and clicks on the 'Go' button on the static block he should be taken to the 'Category' page which will already be filtered according to the vehicle model choosen. Layered Navigation should be displayed on this page.
2. Create a second CMS Static Box, tentatively titled 'shop by brand' which will have a changeable background image (jpg or png) along with a dropdown box 'Select A Brand' containing names of all brands as contained in the 'brand' attribute. Once the user selects a brand and clicks on 'Go' button in the static block he should be directed to the brands landing page (CMS Static Page). You need to figure out some way where we can specify the URL of the brands landing page against each brand in a user friendly way.
3. Place both these blocks on our homepage in the space as indicated in the attached picture.
a. The background image of both the static blocks should be changeable.
b. The position of both the dropdown boxes should be changeable with respect to the static block boundary.
c. The size of combo box should be changeable.
d. In future we will add 'Amasty Improved Navigation' or 'GoMage Advanced Navigation' to our site. Your blocks should not conflict with these.
My website is live you can see the URL in the attached picture.