Pack page

The Packs page displays all the packs side by side. A pack consists of multiple products that go together. It is possible to require the customer to take all the elements of a pack. It is also possible to include optional products with the pack.

The Packs page is not mandatory on the rental websites provided by Lizee; you can choose to offer only individual products for rent.

• There are no filters for packs, except for selecting the pack category.
•  To have only the Packs page and no Shop page, go to General > Config > Only add with pack = true (in other words, this forces the user to order a complete pack rather than individual products). In this case, the associated products do not have a "Rent" button since they must be added to the pack from the Packs page. 
• To activate the Packs page, go to General > Config > Pack Page available = true.

Mapping

Pack page mapping

Modal size selection (12)

TABLE OF CONTENT

• Mapping
  • Pack page mapping
  • Modal size selection (12)
• Mapping elements
  • 1. Subtitle and title
  • 2. Image banner (identical for the shop page)
  • 3. Confirm button (identical for the shop page)
  • 4. Promise of dates
• 5. Pack page description
  • 6. Delivery Box
  • 7. Button to go to the Shop Page
  • 8. Pack Description
  • 9. Buttons to Select and View the Pack
  • 10. Push Pack
  • 11. Pack Display Format
  • 12. Display of the Size Selection Modal
• Debug

Mapping elements

1. Subtitle and title

Optional, to be placed in Packs > Main > Hero Top Title

Packs > Main > Hero Title

2. Image banner (identical for the shop page)

• General > Main > Hero Banner: desktop format (1440 x 178px), xl format (1920 x 178px), tablet, and mobile format (375 x 196px)
• You can use the image of each pack category by enabling General > Main > 'use taxon image' = true.

3. Confirm button (identical for the shop page)

• General > Date picker > Confirm button

4. Promise of dates

• Funnel > Shipping > 'Delivered on' : Delivered on
• Funnel > Shipping > 'To return before' : To return before

5. Pack page description

• The description and the delivery information box are optional.
• Title in titlePacks
• Description in packsParagraph

6. Delivery Box

• Consists of a logo and text
• Color can be modified in CSS only
• Activated with 'Has_shipping_card' = true
• Fill Image Shipping section and shippingDescription

7. Button to go to the Shop Page

• Valid only if the shop page is enabled (General > Config > 'Only add with pack' = false)
• Packs > Main > 'pack to shop button'

8. Pack Description

• Comes from the pack description in the OMS (Order Management System)
• By default, all the text is grouped together unless Packs > Main > 'description with line break' = true, in which case line breaks are considered on the website.

9. Buttons to Select and View the Pack

• Packs > Main > 'select': Change the name of the button that opens the pack modal to add it to the cart.
• To hide this button (and therefore force users to open the Pack page to add it to the cart): General > Config > 'Add a pack from pack page' = true.
• To allow adding the pack to the cart only if it's complete (if all items are available in stock): General > Config > 'Add Pack if complete' = true.
• Packs > Main > 'Link to single pack': Change the name of the button that allows access to the Single Pack page for this pack.

10. Push Pack

• Image(s) inserted in the middle of the packs to highlight a message
• Packs > Packs Pushes > '+ Add a new element in Pushes'
• Taxon category in which to display the image: Taxon pack code -> Enter the exact code of the pack as in Sylius.
• Placement of the Pack push among the displayed packs defined in List position. (1st item in the list = 1)
• Title overlaid on the image in 'Title'
• Link to which a click on the button leads in 'CTA Link'
• Label of the button in 'CTA Label'

11. Pack Display Format

There are three possible formats for displaying packs:

• Fashion Format: Only the first photo of the pack is displayed prominently, with the rest visible by clicking on small arrows.
• Sport Format: The first image is displayed prominently on the left (it can represent the entire pack or be an inspirational image), with the other images shown smaller below the pack description.
• Sport Full Format: All images are displayed smaller below the pack description.

• General > Config > Pack Layout :
  • Sport
  • Sport Full
  • Fashion

12. Display of the Size Selection Modal

• Packs > Size Modal > 'Title size modale pack': Title at the top left of the modal.
• Packs > Size Modal > 'pack size modal cta return': Button to return to the Pack page.
• Packs > Size Modal > 'pack size modal cta add': Button to add the pack to the cart.
• It's not possible to add the pack to the cart until all sizes of the products are chosen.
• Available sizes are marked with a green dot, unavailable sizes with a red dot (for the dates specified in the date range, immediately in flex or classic subscription).

Debug

No packs are appearing on the Packs page.

If the Pack page displays but the packs inside it do not, make sure they belong to a pack taxon in Sylius (mandatory) and that the pack layout has been selected in General > Config: as long as it's not there, the packs won't appear.