CM Product Directory (CMPD) - Creating Custom Product Page Theme


Creating Custom Product Page Theme

Back to User Guide

Use Child Themes Or Changes Will Be Overwritten

When you update a parent theme, the folder with template files created for the CM plugin will be deleted.

However, if you are working with a child version of that theme and update it, the files will not be deleted.

Learn more: CM Video Lessons Manager (CMVLM) - Creating Custom Template

Advanced Process

Editing or creating a template can be complex and requires some CSS and JavaScript knowledge.

Learn some general tips: General Support - Advanced - Creating and Editing Custom Templates

With  CM Product Directory admin can create custom template for Product Page.

How to install custom template

Navigate to the WordPress page directory -> wp_content -> plugins -> cm-product-directory-pro -> frontend -> templates and copy cm_default folder.

Go to the wp_content -> themes folder, find current theme folder and paste copied cm_default folder into CMPD folder. The path should looks like this: wp_content/themes/your_theme/CMPD/cm_default. Rename the template from cm_default to anything you like (eg. custom_template).

Navigate to the  Admin Dashboard -> CM Product Directory -> Settings.

Click on the  Product Page tab.

After creating your own template and creating a directory for it, the directory name will appear in the dropbox selection. Each template needs to include several files and follow the directory structure as the default template.

Choose template and update settings.


Customizing template

To customize template open files you copied to the current theme folder -> CMPD and apply your changes. Main file with content is product-page-content.phtml located in the views/ folder.

You can use additional shortcodes displayed on the plugin's Settings page.

More information about the CM Product Directory WordPress Plugin

Other WordPress products can be found at CreativeMinds WordPress Store

Let us know how we can Improve this Product Documentation Page

To open a Support Ticket visit our support center