Single pack

Modified on Tue, 24 Oct, 2023 at 3:55 PM

The Single Pack page provides all the details about a pack, and it is constructed in a similar manner to the standalone Product page.

Single pack mapping

TABLE

General > Main > Baseline for the header title.
Header display if Single Pack > Layout > Display Hero section = Show (not displayed in the mapping).
General > Main > Hero Banner: desktop format (1440 x 178px), xl (1920 x 178px), tablet and mobile (375 x 196px).
Alternatively, the option to set a background color: General > Main > Hero Background Color, displayed if the Hero Banner is empty.
Option to add a black overlay over the image: General > Main > Hero Banner Overlay = true.

Versus without a fade:

Displayed as date-to-date always, only if the start date can be chosen in both flex and classic subscriptions.
Adjustable 'Start' button from General > Date Picker > Confirm button.
Texts for delivery and return dates adjustable from:
- Funnel > Shipping > 'Delivered on': Delivered on
- Funnel > Shipping > 'To return before': To be returned by

The pack photo is always on the left, and the text is on the right; this is not customizable.
Image size is determined based on the width taken up by the description text: Single Pack > Layout > Column Layout:
- 2/3 - 1/3: Ideal if the images are of very high quality and there is little text because the image takes up 2/3 of the screen width, and the text takes the remaining 1/3.
- 1/2 - 1/2: Equal width distribution between the image and the text across the screen.
- 1/3 - 2/3: The image occupies only 1/3 of the screen width, ideal if the image quality is poor.

Derived from the pack sheet defined in the Sylius OMS.
Size, color, and font determined during the CSS styling carried out by the Lizee developers.

The amount is the sum of the prices of the products that make up the pack (excluding associated products).
The unit price comes from Single Product > Main > days_or_month_price.

Derived from the pack description in the OMS.
Preserves the formatting of the description, including bullet lists, images, and hyperlinks.

Text in Single Pack > Main > choose_button.
Option to choose its position: Single Pack > Layout > 'Add to cart button'.
- Above the pack price and description.
- Below the description.
- Both before and after the description.

This notice is valid for the selected date-to-date mode, based on the current stock availability in flex and classic subscriptions.
Possible texts: General > Stock Texts >
- few_products_left: For example, "Only a few packs left."
- back_soon: For example, "Coming back soon."
- in_stock: "In stock."

For both flex and classic subscriptions, setting up an alert for when packs are back in stock. Please see below: the Single Product settings are used even when working on the packs.
Single Product > Availability Checker > Availability Checker (DAD only) = Enable
Text displayed above the "Rent" button: Single Product > Availability Checker > Availability Checker Text
Link to display the availability calendar: Single Product > Availability Checker > Availability Checker Link

Modal Title: Single Product > Availability Checker > Availability Checker Modal Title. For example: "Check Availability"
Brief Explanation Text: Single Product > Availability Checker > Availability Checker Modal Description. For example: "The item is not available when the dates are grayed out."

In InStore, a notice is displayed based on the stock or orders specific to this store.
Title in InStore > Pack Page > Pack not available
Text in InStore > Product Page > paragraph
Button Label in InStore > Product Page > change store cta

Title "This kit is no longer in stock": Single Product > Main > Single Product Main Stock Alert Pack Title
Phrase "To be alerted when it's back in stock...": Single Product > Main > Single Product Main Stock Alert Text
Placeholder (example text in the email field to indicate the format): Single Product > Main > Single Product Main Stock Alert Input Placeholder
Button Label: Single Product > Main > Single Product Main Stock Alert Button (default: "Notify Me")
Red error message when the email address is not valid: Single Product > Main > Single Product Main Stock Alert Already Fail Message

Green message when everything is successful after clicking the button: Single Product > Main > Single Product Main Stock Alert Validation Message. Default: "Thank you for your interest in this product. You will be notified by email as soon as it is back in stock."

Orange message if the customer has already set an alert for this pack: Single Product > Main > Single Product Main Stock Alert Fail Message. Default: "You have already provided this email for this item."

General > Common Product/Pack Texts > '+ Add a new element in Information'
Title in Label, Content in Content
Hyperlinks accepted
Option to display this content as tabs (example in the mapping) or as an accordion as shown below.

Option to add hyperlinks, displayed in small font, identical on all product and pack sheets, for customer reassurance, for example.
General > Common Product/Pack Texts > '+ Add a new element in bottom menu links,' then specify Name and Link.

Automatically added to display the pack's contents.
Title added in: Single Pack > Main > Pack content title.
Each of the products is clickable to display their product sheet in a modal. Recommendation: When implementing CSS, consider adding a hover effect to the product thumbnails to indicate that they are clickable.

Product associations displayed if Single Pack > Main > Display associations = Show.
Definition of products associated with the pack sheet in Sylius > Pack > Associations.

Title displayed above the associated products: Single Pack > Main > Association text.
If multiple types of associations are defined, they will all appear under this same title.

Option to display or hide it with Single Pack > Main > 'display add to cart button on associated item.'
If the button is not displayed, it is necessary to enter the product sheet to add it to the cart.