Q Card Docs
Pages

Q Card vs Q Mastercard

How page product type controls styling and which modules are shown.

Q Card vs Q Mastercard

Description

Each page has an ACF field that sets whether it is a Q Card or Q Mastercard page. That value shows or hides product-specific content across the page's modules.

How to edit

  1. Edit the page in WordPress, not only in Elementor.
  2. Set the page product type field to Q Card or Q Mastercard.
  3. Update or publish the page, then confirm the front end shows the correct product styling and modules.
  4. On pages with a toggle in the hero, the field sets the starting state only.

Options

ValueMeaning
qcardQ Card pages
qmastercardQ Mastercard pages

How it works

The value is added to the page as body[data-page-type="qcard"] or body[data-page-type="qmastercard"].

The styles and scripts read that attribute, along with the helper classes qcard-only and qmastercard-only, to decide what is visible. The hero toggle IDs ck-qcard-toggle and ck-qmastercard-toggle stay in sync with the active product type.

You can also target the field directly using the dynamic visibility settings in the Elementor editor.

On this page