Contents

Chapter 8. How-to Guides

Make the Pages Look Like Your Site

PaddleSubs' site pages use Bootstrap 5, like Joomla's own templates, and fit Cassiopeia as they are. If your template doesn't load Bootstrap 5 and the pages look unstyled (buttons as plain links, cards and columns stacked without spacing), turn on Load Bootstrap. To check it worked, open a product page: its prices show as cards with buttons. To undo it, turn the option off.

To change the pages, use Joomla's template overrides. Small pieces are layouts of their own, so you can change one without copying a whole page:

LayoutWhat it shows
product/price.phpOne price card on the product page: name, amount, period and button.
product/details.phpThe top of the product page: its name, description and image.
product/account.phpThe line saying who the visitor is buying as, with log in or log out links.
products/grid.phpThe grid of product cards on the list pages.
products/prices.phpThe script that fills in each card's lowest price.
checkoutcomplete/actions.phpThe buttons on the Purchase Complete page, such as what to do next.

To override one, copy it from components/com_paddlesubs/layouts/ to templates/your-template/html/layouts/com_paddlesubs/, keeping its folder, and edit the copy. To override a whole page, create a template override for it in System → Site Templates as for any component. the section called “JLayouts You Can Override” lists what each layout must keep working.