Rental Widget Installation

Adding the PRP Rental Widget to your theme and configuring it to your preferences

Last updated 6 days ago

Rental Widget Installation

Adding the PRP Rental Widget to your theme and configuring it to your preferences

The PRP Rental Widget is an App Block that can be included in any of your product page theme templates.

Follow these steps to add the PRP Rental Widget to your theme.

If you've arrived at this page via the Quickstart guide, and your theme customizer is already open, jump straight to step 3.

Go to Online Store > Themes in your Shopify admin menu
Click the Customize button on the theme you'd like to add the widget to.
Select the appropriate page template, by clicking the Home Page button in the top bar, then going to Products. From there, you can either use the "Default product" template (or another existing Products template), or you can choose to "Create template", if you want to create a new product page template specifically for rental products. We recommend using the "Default product" template if your store is primarily offering rentals, and you aren't already selling products on your website. Otherwise you can create a new one by following our instructions here: Creating a New Product Page Template Remember: On the frontend of your website, a product will use the template that has been assigned to it on the Shopify Product settings screen. If you've created a new template, you'll need to make sure any rental products are updated. Look for the "Theme template" field on the Product settings screen in Shopify (in the main Shopify Products area, not the PRP app).
After selecting a product page template, add the Product Rentals Pro Rental Widget to the page. You can choose where this fits, and each theme may be different, but typically you should put it between the existing "Price" and "Variant picker" blocks within the "Product information" section of the template.
Click "Add block" and then select the Product Rentals Pro Rental Widget.
After a moment, the Rental Widget will appear within the template at the spot you selected. You should now delete (or hide) some existing blocks on the template. They're no longer needed as this functionality is provided by the Rental Widget. Delete the blocks under "Product information", named "Variant Picker", "Quantity Selector" and "Buy Buttons". Depending on your theme, you may want to delete or adjust other blocks, or the blocks mentioned above may actually be labelled something else. The important thing to know is that the Product Rentals Pro Rental Widget provides variant selection and add-to-cart functionality for rental products, and any other blocks relating to these features for the main product on the product template should be removed.
Click on the Rental Widget within the page, or in the blocks list, to show all the customization options available for the widget. For a detailed overview of the customization options, including advanced customization via CSS, view the guide here: Rental Widget - Configuration Options

If the block within the page isn't showing the rental calendar, or is showing a product or variant is unavailable message, it will be either because you are viewing a product that hasn't been imported into Product Rentals Pro yet. Look for this Change link near the top left of screen:

Last updated 6 days ago

The PRP Rental Widget is an App Block that can be included in any of your product page theme templates.

Follow these steps to add the PRP Rental Widget to your theme.

If you've arrived at this page via the Quickstart guide, and your theme customizer is already open, jump straight to step 3.

Go to Online Store > Themes in your Shopify admin menu
Click the Customize button on the theme you'd like to add the widget to.
Select the appropriate page template, by clicking the Home Page button in the top bar, then going to Products. From there, you can either use the "Default product" template (or another existing Products template), or you can choose to "Create template", if you want to create a new product page template specifically for rental products. We recommend using the "Default product" template if your store is primarily offering rentals, and you aren't already selling products on your website. Otherwise you can create a new one by following our instructions here: Creating a New Product Page Template Remember: On the frontend of your website, a product will use the template that has been assigned to it on the Shopify Product settings screen. If you've created a new template, you'll need to make sure any rental products are updated. Look for the "Theme template" field on the Product settings screen in Shopify (in the main Shopify Products area, not the PRP app).
After selecting a product page template, add the Product Rentals Pro Rental Widget to the page. You can choose where this fits, and each theme may be different, but typically you should put it between the existing "Price" and "Variant picker" blocks within the "Product information" section of the template.
Click "Add block" and then select the Product Rentals Pro Rental Widget.
After a moment, the Rental Widget will appear within the template at the spot you selected. You should now delete (or hide) some existing blocks on the template. They're no longer needed as this functionality is provided by the Rental Widget. Delete the blocks under "Product information", named "Variant Picker", "Quantity Selector" and "Buy Buttons". Depending on your theme, you may want to delete or adjust other blocks, or the blocks mentioned above may actually be labelled something else. The important thing to know is that the Product Rentals Pro Rental Widget provides variant selection and add-to-cart functionality for rental products, and any other blocks relating to these features for the main product on the product template should be removed.
Click on the Rental Widget within the page, or in the blocks list, to show all the customization options available for the widget. For a detailed overview of the customization options, including advanced customization via CSS, view the guide here: Rental Widget - Configuration Options

You can then select a rental product that you've imported and configured in PRP. If it's still not showing a calendar, or is showing a product/variant unavailable message, see .