Requirements & Compatibility – docs.psmplugins.com https://docs.psmplugins.com Wed, 04 Feb 2026 09:54:45 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://docs.psmplugins.com/wp-content/uploads/2025/05/new-logo-white.svg Requirements & Compatibility – docs.psmplugins.com https://docs.psmplugins.com 32 32 WordPress requirements https://docs.psmplugins.com/docs/wordpress-requirements/ https://docs.psmplugins.com/docs/wordpress-requirements/#respond Thu, 25 Dec 2025 12:10:28 +0000 https://docs.psmplugins.com/?post_type=docs&p=635

To use the PSM Request a Quote plugin smoothly, your website must meet the following requirements:

  • WordPress version 5.0 or higher
    The plugin is built to work with modern versions of WordPress.

  • WooCommerce installed and activated
    The plugin depends on WooCommerce to manage products and orders.

  • PHP version 7.4 or higher
    A newer PHP version improves performance and security.

  • A compatible WooCommerce theme
    Most standard WooCommerce themes are supported. Custom themes should follow WooCommerce standards.

  • Permalinks enabled
    Pretty permalinks are required for proper page and link handling.

  • Proper file and folder permissions
    Required for plugin updates, email templates, and PDF generation (if used).

Meeting these requirements ensures the plugin works correctly without conflicts or unexpected issues.

]]> https://docs.psmplugins.com/docs/wordpress-requirements/feed/ 0 WooCommerce requirements https://docs.psmplugins.com/docs/woocommerce-requirements/ Thu, 25 Dec 2025 12:10:49 +0000 https://docs.psmplugins.com/?post_type=docs&p=637

The PSM Request a Quote plugin works on top of WooCommerce. Make sure the following WooCommerce requirements are met:

  • WooCommerce version 8.0 or higher
    Required to support quote orders and email notifications.

  • Products created in WooCommerce
    At least one product must exist to use the Request a Quote feature.

  • Standard WooCommerce order system enabled
    Quote requests are managed as WooCommerce orders.

  • WooCommerce email system enabled
    Required for sending quote-related emails to customers and admins.

  • Currency and tax settings configured
    Ensures quote pricing and totals are calculated correctly.

  • Checkout pages properly set
    Needed when customers accept a quote and proceed with the order.

These settings help ensure a smooth quote workflow from request to acceptance.

]]> Supported product types https://docs.psmplugins.com/docs/supported-product-types/ https://docs.psmplugins.com/docs/supported-product-types/#respond Thu, 25 Dec 2025 12:11:20 +0000 https://docs.psmplugins.com/?post_type=docs&p=639

PSM Request a Quote supports most common WooCommerce product types.

You can enable Request a Quote for:

  • Simple products
    Standard products without variations.

  • Variable products
    Products with multiple variations such as size or color.

  • Grouped products
    A collection of related products shown together.

The plugin also allows you to exclude specific products or categories if needed, giving you full control over where the quote option appears.

]]> https://docs.psmplugins.com/docs/supported-product-types/feed/ 0 Theme compatibility notes https://docs.psmplugins.com/docs/theme-compatibility-notes/ https://docs.psmplugins.com/docs/theme-compatibility-notes/#respond Thu, 25 Dec 2025 12:12:13 +0000 https://docs.psmplugins.com/?post_type=docs&p=641

The Add to Quote button works correctly on both the Shop and Single Product pages in most of the themes.

However, because some themes handle layouts differently. If you see any UI issues, you must use CSS that matches the selected button placement setting.

👉 Do not mix CSS between settings.
Each placement option (Inline / Underneath) requires its own CSS rules.

Important Rule (Must Read)

  • Use Inline CSS only when the Inline with “Add to Cart” option is enabled

  • Use Underneath CSS only when the Underneath “Add to Cart” option is enabled

  • Applying the wrong CSS for a different setting may cause alignment issues

Inline with “Add to Cart” (Shop + Single Product Pages)

Use this CSS only if you selected Inline with “Add to Cart”. You can find this setting at PSM Plugins > Request a Quote > General Settings > Add to Quote > Single product page location.

This works on:

  • Shop page

  • Single product page

				
					/* Make Add to Quote align inline with Add to Cart */
.woocommerce ul.products li.product .psmraq-add-to-quote-wrapper {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}

.woocommerce ul.products li.product .psmraq_add_to_quote_button {
    margin: 0;
}


.psmraq-add-to-quote-wrapper.single-product-page {
    display: contents;
}

Result:

  • “Add to Quote” appears neatly inline with “Add to Cart”

  • Proper spacing and vertical alignment

  • Works consistently across supported themes

Underneath “Add to Cart” – Single Product Page

Use this CSS only if you selected Underneath “Add to Cart” and want to fix alignment on the single product page. You can find this setting at PSM Plugins > Request a Quote > General Settings > Add to Quote > Single product page location.

				
					.psmraq-add-to-quote-wrapper.single-product-page {
    margin-top: 10px;
    padding-left: 0px !important;
}

Why this works:

  • The plugin adds the .single-product-page class automatically

  • Some themes add unwanted left padding, which this removes

  • Ensures the button stays centered below “Add to Cart”


Underneath “Add to Cart” – Shop Page

Use this CSS only if you selected Underneath “Add to Cart” and want to fix alignment on the shop page.

				
					.psmraq-add-to-quote-wrapper.loop-product-page {
    margin-top: 1rem !important;
    justify-content: center;
}

Result:

  • Proper spacing below “Add to Cart”

  • Button stays aligned with product layout

  • Works with grid-based and flex-based themes


Why Separate CSS Is Required

  • Shop and single product pages use different wrappers

  • The plugin assigns page-specific classes:

    • .loop-product-page → Shop page

    • .single-product-page → Single product page

  • Themes may apply different layout rules to each page

Using page-specific CSS ensures predictable and stable alignment.


Best Practices

  • Always match CSS to the selected button placement option

  • Avoid using dynamic IDs (they change per product)

  • Prefer plugin-specific wrapper classes for styling

  • Test changes on both Shop and Single Product pages

]]> https://docs.psmplugins.com/docs/theme-compatibility-notes/feed/ 0 Button Styling (CSS Classes & Customization) https://docs.psmplugins.com/docs/button-styling-css-classes-customization/ https://docs.psmplugins.com/docs/button-styling-css-classes-customization/#respond Tue, 30 Dec 2025 07:10:39 +0000 https://docs.psmplugins.com/?post_type=docs&p=964

The Add to Quote button appearance can be managed directly from the plugin’s Appearance settings.

These settings are usually sufficient for most themes.

However, some themes apply strong CSS rules that may override plugin styles.

If the appearance settings do not reflect on the front end, you can use the custom CSS examples below.

All CSS snippets include !important to ensure they are not overridden by theme styles.

Primary Button Class

Use this class to target all Add to Quote buttons.

				
					.psmraq_add_to_quote_button

This is the main class for customizing text color, font, size, background, and borders.

Wrapper Classes (Page-Specific Styling)

The plugin adds wrapper classes so you can apply styles only where needed.

Shop page

				
					.psmraq-add-to-quote-wrapper.loop-product-page

Single product page

				
					.psmraq-add-to-quote-wrapper.single-product-page

Change Button Text Color

				
					.woocommerce .psmraq_add_to_quote_button.button {
    color: #2ecc71 !important;
}

Change Button Font Size and Weight

				
					.psmraq_add_to_quote_button {
    font-size: 14px !important;
    font-weight: 600 !important;
}

Change Button Font Family

				
					.psmraq_add_to_quote_button {
    font-family: Arial, Helvetica, sans-serif !important;
}

Change Button Background Color

				
					.psmraq_add_to_quote_button {
    background-color: #ffffff !important;
}

Change Button Border and Border Radius

				
					.woocommerce .psmraq_add_to_quote_button.button {
    border: 2px solid #2ecc71 !important;
    border-radius: 4px !important;
}

Hover State Styling

				
					.woocommerce .psmraq_add_to_quote_button.button:hover {
    background-color: #2ecc71 !important;
    color: #ffffff !important;
}

Shop Page Only Styling Example

Use this if you want a different button style on shop and category pages.

				
					.psmraq-add-to-quote-wrapper.loop-product-page 
.psmraq_add_to_quote_button {
    font-size: 13px !important;
}

Single Product Page Only Styling Example

Use this if you want a different style on single product pages.

				
					.psmraq-add-to-quote-wrapper.single-product-page 
.psmraq_add_to_quote_button {
    font-size: 15px !important;
}

Important Notes

  • Always try Appearance settings first before using CSS.

  • Use CSS only if the theme overrides plugin styles.

  • Do not use dynamic IDs like #psmraq_add_to_quote_button_1234.

  • Always use class-based selectors provided by the plugin.

You can add custom CSS from Appearance → Customize → Additional CSS or via your child theme stylesheet.

Recommended Customization Workflow

  1. Configure the button style from Appearance settings.

  2. Check the front end for theme conflicts.

  3. Apply the required CSS from above if needed.

  4. Test on both Shop and Single Product pages.

]]> https://docs.psmplugins.com/docs/button-styling-css-classes-customization/feed/ 0