Configurando un Product-Centric Web Site en SharePoint 2013

En este Post explicaré el paso a paso de como implementar un Product-Centric web Site en SharePoint 2013. No entraré en el detalle teórico de como funciona un Product-Centric web site, sin embargo para mayor información pueden consultar el enlace: http://blogs.technet.com/b/tothesharepoint/archive/2013/02/14/how-to-set-up-a-product-centric-web-site-in-sharepoint-2013.aspx

1. Lo primero que tenemos que hacer es crear un nuevo Site Collection para nuestro Catálogo de Productos. Este Site collection deberá estar basado en la plantilla Product Catalog.

2. Así mismo, debemos crear el Site Collection para el Portal público que será la cara de acceso a los usuarios. Este site collection debe estar basado en la plantilla Publishing Portal.

3. A continuación debemos verificar que se creo correctamente el Site Collection de Catálogo de Productos.

4. De la misma manera validamos que se haya creado correctamente el Portal de publicación.

5. En el Site Collection de Catálogo de Productos, podremos observar que existe una lista de Productos, si verificamos los campos asociados a esta lista, podremos notar uno específicamente importante, este es Ítem Category.

6. Si vemos la configuración del Campo Ítem Category podremos observar que este se encuentra asociado a un Term Set Product Hierarchy del site collection de Catálogo de Productos.

7. Lo que debemos hacer a continuación es llenar el Term Set con los términos que permitirá clasificar a los productos o servicios de nuestro Catálogo. Para esto vamos a las opciones de Site Settings de nuestro site collection de Catálogo de Productos.

8. En la categoría Site Administration ubicamos Term Store Management y le damos clic.

9. En el Term Store Management Tool, generaremos la estructura de Terms necesarios para clasificar a nuestros productos o servicios.

10. Una vez listo nuestra Jerarquía de terms, en la lista de Productos podremos empezar a registrar a todos nuestros productos. Es importante completar los campos Ítem Number y Group Number, pues nos servirán para generación de URLs por elemento. También debemos completar el campo Ítem Category que nos permitirá clasificar a todos los productos.

11. Nuestra lista de productos se debería ver como la imagen siguiente:

12. Como se puede apreciar en la imagen anterior, todos los productos se encuentran pendientes de aprobación, así que si queremos que se vean en el Portal de Publicación debemos primero aprobarlos.

13. A continuación debemos convertir la lista en un Catálogo, para esto vamos a List Settings.

14. En la página de Settings damos clic en Catalog Settings.

15. En la página de Catalog Setting marcamos el check Enable this library as Catalog.

16. Posteriormente debemos habilitar el acceso anónimo al contenido del catálogo, para esto damos clic en Enable anonymous Access.

 

 17. En la siguiente ventana damos clic en Make Anonymous.

 18. Después debemos seleccionar los campos que emplearemos para definir las URLs que identificarán a nuestros productos. Aquí debemos seleccionar los campos Ítem Number y Group Number.

19. En Navigation Hierarchy debemos seleccionar la columna Ítem Category que es la que definirá la navegación para acceder a los productos desde el Portal de publicación.

20. Después de haber configurado el catálogo, ahora nos queda ejecutar un rastreo completo del contenido existente.

21. Adicionalmente debemos configurar el rastreo continuo para que se realice automáticamente cada cierto tiempo. Para esto seleccionamos Enable Continuos Crawls.

 

22. Ahora que ya hemos hecho todas las configuraciones necesarias desde el Catálogo de Productos, debemos ingresar a nuestro Portal de publicación. 

23. Debemos ingresar a Site Settings.

 

24. En la categoría Site Administration, damos clic sobre Manage Catalog Connections.

 25. En la página de Manage Catalog Connections damos clic en Connect to a catalog.

26. De la lista de catálogos disponibles, ubicamos a nuestro catálogo de productos y damos clic en Connect.

27. En la página Catalog Source Settings dejemos las opciones marcadas por defecto. En resumen las opciones por defecto permite establecer una conexión con el Catálogo de Productos, define la navegación sobre nuestro Portal basado en el campo Ítem Category, genera las URLs respectivas basadas en los campos previamente definidos y genera automáticamente las páginas que utilizaremos tanto para las Categorías como para los Productos.

 

 

 

 

28. Vemos que ya se estableció la conexión.

 29. A continuación debemos verificar la configuración de la navegación del Portal. Para esto en la categoría Look and Feel de nuestra página de Site Settings damos clic en Navigation.

 

 30. En la página de Navigation, podemos observar que por defecto tanto para Global Navigation como para Current Navigation se encuentre seleccionada la opción Managed Navigation, y se encuentra seleccionada la Jerarquía de navegación que se creo en el site collection Catálogo de Productos y que se ha heredado en nuestro Portal de publicación al momento de realizar la conexión.

31. A continuación podremos navegar sobre las categorías, subcategorías y por cada producto. 

 

 

 

 

 32. Ahora, yo deseo que la navegación del Quick Launch sea empleada para acceder a mis productos, sin embargo la navegación superior quiero que sea distinta y me permita acceder a otras páginas. Para esto primero acceder a la página de Navigation  y dar clic en Term Store Management Tool.

 

 

 33. En el Term Store Management Tool debemos crear los términos para asociar a nuestra navegación superior.

34. Ahora vemos como he creado los términos que emplearé en mi navegación. 

35. En las opciones de navegación de cada término creado recientemente debemos solo dejar marcado Show in Global Navigation Menu y quitar el check de Show in Current Navigation Menu.

36. Para la navegación creada en base a las categorías de Productos debemos quitar el check de Show in Global Navigation Menu y dejar marcada la opción Show in Current Navigation Menu

 

 37. Podemos observar a continuación, el resultado de las configuraciones previas en nuestra navegación.

 38. Como nuestra navegación no se muestra en el orden deseado podemos ordenarlo correctamente, en la pestaña CUSTOM SORT y seleccionamos Use custom sort order.

39. La navegación ahora se verá ordenada correctamente. 

 40. Inclusive podemos hacer que la navegación superior tenga varios subniveles.

 41. Finalmente sobre la navegación superior generada deberemos asociar las correspondientes páginas que mostrarán el contenido.

Así que en la pestaña NAVIGATION seleccionamos Simple Link or Header y clic en Browse…

 42. Ubicamos las páginas que deseamos asociar.

 43. Y este mismo procedimiento lo haremos por cada elemento de la navegación superior.

 44. Probamos que la navegación superior este vinculada correctamente con las páginas.

 45. Para terminar, al inicio vimos con al conectar el Portal de publicación con el Catálogo de Productos, se generaron páginas automáticamente y esta se asociaron a cada categoría, subcategoría y producto. Debido a que según nuestras necesidades podemos requerir utilizar un Page Layout mucho más elaborado, tenemos la posibilidad de desde la pestaña TERM-DRIVEN PAGES por cada categoría y subcategoría especificar nuestro page layout personalizado.

Bueno, con esto terminamos. Ahora a sacarle provecho a esta nueva características en los distintos escenarios que se nos presenten.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *