This manual is for people who run a Phoca Cart shop on Joomla 6, with the Cassiopeia template or a child template of it. It explains how to arrange Phoca Cart's product page from blocks with Webal Phoca Pages: making layouts, choosing which products use them, and checking them before visitors see them. It needs no knowledge of code. The screenshots show a demo toy shop with made-up products.
This manual describes Webal Phoca Pages 1.0.0-rc, tested with Joomla 6.2, Phoca Cart 6.1.9 and PHP 8.4 (see Known limits).
Contents
- What it does: what changes on a product page, what stays Phoca Cart's own, and what the site needs.
- Getting started: how do I switch it on, make my first layout and switch it off again? Who may do what, and how do I update it?
- Layouts: which starter fits my products, and how do I copy, rename, export or offer a layout?
- The builder: how do I move, add and resize parts of the page and see the result straight away?
- Blocks and rows: how do I make the product page look the way I want: rows, columns, tabs, text sizes and headings?
- The gallery: how do I show the product's pictures as thumbnails or dots, with a larger view?
- Category rules: how do I give the products of one category a different layout?
- Module positions: how do I put a Joomla module, such as delivery information, on the product page?
- The phone Add to cart bar: how do I keep Add to cart within reach on phones?
- Checks and publishing: what do problems, warnings and notes mean, and when can I publish?
- Accessibility: what does Webal Phoca Pages do for visitors with disabilities, and what is left to me?
- Known limits: what has not been tested, and what comes from Phoca Cart itself?
Videos
Seven short videos, with no sound, show the main tasks step by step. Each sits under "Watch it" in its chapter, with its steps written out below it: switch it on and make a layout, move a block, column widths and sticky, the Webal gallery, a category rule, a module position and a warning fixed before publishing.
Conventions
- Words that Webal Phoca Pages shows on screen are in bold, exactly as the screen shows them. Every one of them is in the list below.
- Words that Joomla or Phoca Cart show are in "quotes", with the way to reach them, for example "Components, Phoca Cart, Options".
- Screen sizes are named as the builder names them: Phone (below 576 px), Large phone (576 px), Tablet (768 px), Laptop (992 px), Desktop (1200 px) and Wide (1400 px). A size means that width and wider, up to the next size.
- "Phoca's own page" is the product page Phoca Cart prints by itself, when no layout applies or whenever anything goes wrong.
- Each step is one numbered line, followed by what you see after it.
Words used on screen
Every word below is copied from the product's language files (the administrator's, the site's and the installer's), never typed from memory. Where the screen fills in a number or a name, the manual shows in bold only the words before it: Delete for the button that names the layout ("Delete" followed by the layout's name), Switched off in Phoca Cart for the palette group that ends with the number of blocks in it. Such a bold word is exactly the language file's text before its first placeholder (%s, %d, %1$s), with the spaces and an opening bracket just before the placeholder trimmed; never any shorter part of it.
The layouts list:
- Where Webal Phoca Pages is used
- Child template of Cassiopeia
- Use on this template
- Stop using
- Default layout
- Save the default layout
- None (Phoca's own page)
- Layouts
- Default
- Unpublished changes
- New layout
- Make and open in the builder
- Start from
- Phoca's classic
- Phoca's classic, plain
- Split with sticky gallery
- Gallery wide
- Story page
- Open in the builder
- Offer on menu items
- Stop offering on menu items
- More actions…
- Duplicate
- Rename
- Delete…
- Export as a file
- Import a layout
- Layout file
- Import the file
- Checks
- Problems
- Warnings
- Notes
- Clear notes
- Manual address
Category rules:
- Category rules
- Checks of the category rules
- Add or change a rule
- Category
- Layout
- Applies to
- This category and its sub-categories
- This category only
- Save the rule
- Sub-categories too
- Phoca's own page
The builder:
- All layouts
- Build
- Split
- Preview
- Outline
- Settings
- Undo
- Redo
- Discard changes
- Publish
- Draft saved.
- Selected part
- Find
- Show it as visitors see it
- Add
- Show
- Places
- Move up
- Move down
- Move into
- Move
- Delete
- The whole page
- Product to preview
- Switched off in Phoca Cart
- Off in Phoca Cart
Screen sizes (the builder's buttons, then the settings that name a size):
- Phone
- Tablet
- Laptop
- Desktop
- Wide
- Large phone (576 px)
- Tablet (768 px)
- Laptop (992 px)
- Desktop (1200 px)
- Wide (1400 px)
Rows and columns:
- Row
- Full width band
- Page width
- Width
- Background
- Light grey
- Space above
- Space below
- Order on phones
- Width at each screen size
- Order at each screen size
- Stays in view while scrolling
- Sticky from
- Split pane
- Where the columns stack
Blocks:
- Tab group
- Look at each screen size
- Tabs
- Accordion
- Sections, one under the other
- Heading level
- Heading level of the content sections
- Text size
- As the template sets it
- Small
- Normal
- Large
- Extra large
- Display
- Your own
- Module position
- Position name
- Module style
- Cassiopeia's card
- The module's output only, with no title
Page settings:
- Phone Add to cart bar
- On, below 768 pixels
- Plugin areas you have not placed
- Print them at the end of the page and warn me
- Print them at the end of the page
The gallery (the builder's settings, then the product page):
- Gallery
- Phoca Cart's own gallery
- Webal gallery
- Small pictures below
- Small pictures beside
- Dots
- Larger view
- On
- Off
- Choose a picture
- Close
- Previous picture
- Next picture