Quiero hacer un menú dinámico que :
Muestre sus respectivos
<li>
sin mostrar sus hijos.
Al hacer hover
en cualquier <li>
padre muestre el <ul> + <li> hijos
Obteniendo los datos
$var
ostrings
traidos de unabase de datos
En la base de datos, tengo:
Una tabla para "marcas" y una tabla para "productos"
Las cuales utilizo para el filtrado de búsqueda por marcas o por %LIKE
.
<li>Placas de video</li>
click/hover
> MSI / GEFORCE etc.. click
>> lleva a una busqueda con LIKE %msi%
(sin hover
ya que no se necesita mostrar nada) Tabla marcas
:
CREATE TABLE `marcas` (
`id_marca` int(50) NOT NULL,
`marca` varchar(50) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
ALTER TABLE `marcas`
ADD PRIMARY KEY (`id_marca`),
ADD UNIQUE KEY `id_marca` (`id_marca`);
Tabla productos
:
CREATE TABLE `productos` (
`id_producto` int(50) NOT NULL,
`codigo_p` varchar(50) NOT NULL,
`id_marca` int(50) NOT NULL,
`nombre` varchar(100) DEFAULT NULL,
`presentacion` varchar(100) DEFAULT NULL,
`precio` decimal(7,2) DEFAULT NULL,
`iva` decimal(7,2) NOT NULL DEFAULT 0.21,
`ivatotal` decimal(7,2) DEFAULT NULL,
`preciototal` decimal(7,2) DEFAULT NULL,
`tags` varchar(200) DEFAULT NULL,
`foto` varchar(50) DEFAULT NULL,
`descripcion` text NOT NULL,
`stock` varchar(2) NOT NULL DEFAULT 'Si'
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
// Indices de la tabla `productos`
ALTER TABLE `productos`
ADD PRIMARY KEY (`id_producto`),
ADD UNIQUE KEY `id_producto` (`id_producto`),
ADD KEY `codigo_p` (`codigo_p`),
ADD KEY `ps_marcas` (`id_marca`),
ADD KEY `ps_tags` (`tags`);
---
ALTER TABLE `productos`
MODIFY `id_producto` int(50) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=0;
// Exportado con PHPMYADMIN (xampp/localhost)
¿Cual seria la mejor forma de elaborar el menu multinivel con datos de la BD utilizando PHP?
Aclaración:
Estos "padres" e "hijos" tienen vinculos con "productos". Los cuales se mostraron al hacer click o ingresar en categoria o subcategoria
Estoy utilizando bootstrap asi que el HTML
para el/los items seran:
<li class="nav-item">
base de datos