Product Page Archives - Plugin Republic https://pluginrepublic.com/support-categories/product-page/ WooCommerce Plugins Thu, 20 Jul 2023 13:25:15 +0000 en-US hourly 1 https://pluginrepublic.com/wp-content/uploads/2020/10/cropped-favicon-1-32x32.png Product Page Archives - Plugin Republic https://pluginrepublic.com/support-categories/product-page/ 32 32 Change the number of radio/checkbox image columns on mobile devices https://pluginrepublic.com/documentation/change-the-number-of-radio-checkbox-image-columns-on-mobile-devices/ https://pluginrepublic.com/documentation/change-the-number-of-radio-checkbox-image-columns-on-mobile-devices/#respond Thu, 20 Jul 2023 13:25:13 +0000 https://pluginrepublic.com/?post_type=ht_kb&p=3477777 By default, the checkbox, and radio image fields are shown as a single column on mobile devices. If you’d like to change the number of columns displayed on small devices, here’s some CSS to make the adjustments: The above code will make the section display 4 columns. You can adjust the number of columns, by […]

The post Change the number of radio/checkbox image columns on mobile devices appeared first on Plugin Republic.

]]>
By default, the checkbox, and radio image fields are shown as a single column on mobile devices. If you’d like to change the number of columns displayed on small devices, here’s some CSS to make the adjustments:

View this code snippet on GitHub.

The above code will make the section display 4 columns. You can adjust the number of columns, by changing the width value.

You only need to divide 100% by the number of columns you’d like. For example, 2 columns = 100/2 =50%.

The width should be set to 50%.

Here’s how to add your CSS: How to add CSS to your WordPress site

The post Change the number of radio/checkbox image columns on mobile devices appeared first on Plugin Republic.

]]>
https://pluginrepublic.com/documentation/change-the-number-of-radio-checkbox-image-columns-on-mobile-devices/feed/ 0
Remove quantity field from WooCommerce product https://pluginrepublic.com/documentation/remove-quantity-field-from-woocommerce-product/ https://pluginrepublic.com/documentation/remove-quantity-field-from-woocommerce-product/#respond Wed, 25 May 2022 13:47:57 +0000 https://pluginrepublic.com/?post_type=ht_kb&p=2028446 If you wish to use a product add-on field to set quantity, or you just want to allow a user to purchase products in a quantity of one only, you need to enable the ‘Sold individually’ option. This will remove the standard WooCommerce quantity field from next to the add to cart button. Click the […]

The post Remove quantity field from WooCommerce product appeared first on Plugin Republic.

]]>
If you wish to use a product add-on field to set quantity, or you just want to allow a user to purchase products in a quantity of one only, you need to enable the ‘Sold individually’ option. This will remove the standard WooCommerce quantity field from next to the add to cart button.

Click the ‘Inventory’ tab in the ‘Product data’ section:

The post Remove quantity field from WooCommerce product appeared first on Plugin Republic.

]]>
https://pluginrepublic.com/documentation/remove-quantity-field-from-woocommerce-product/feed/ 0
Display field description as placeholder https://pluginrepublic.com/documentation/display-field-description-as-placeholder/ https://pluginrepublic.com/documentation/display-field-description-as-placeholder/#respond Mon, 07 Dec 2020 09:40:46 +0000 https://pluginrepublic.com/?post_type=ht_kb&p=727052 You can display placeholder text in your text and textarea fields by using the following filter. This will display your field description text as a placeholder instead: Here’s how to add this snippet.

The post Display field description as placeholder appeared first on Plugin Republic.

]]>
You can display placeholder text in your text and textarea fields by using the following filter. This will display your field description text as a placeholder instead:

View this code snippet on GitHub.

Here’s how to add this snippet.

The post Display field description as placeholder appeared first on Plugin Republic.

]]>
https://pluginrepublic.com/documentation/display-field-description-as-placeholder/feed/ 0
Enable shortcodes in add-on description fields https://pluginrepublic.com/documentation/enable-shortcodes-in-add-on-description-fields/ https://pluginrepublic.com/documentation/enable-shortcodes-in-add-on-description-fields/#respond Fri, 23 Oct 2020 13:41:16 +0000 https://pluginrepublic.com/?post_type=ht_kb&p=660310 Sometimes it could be useful to allow shortcodes in the description fields of your add-ons. As an example, you might want to give the users the option of clicking a link to display further information. To enable shortcodes in add-on descriptions, use the following snippet: This is how to add a snippet. Adding a lightbox […]

The post Enable shortcodes in add-on description fields appeared first on Plugin Republic.

]]>
Sometimes it could be useful to allow shortcodes in the description fields of your add-ons. As an example, you might want to give the users the option of clicking a link to display further information.

To enable shortcodes in add-on descriptions, use the following snippet:

View this code snippet on GitHub.

This is how to add a snippet.

Adding a lightbox pop-up to the description field

As an example, here’s how to add a pop-up box to the field description:

  1. Install the Shortcodes Ultimate plugin
  2. Add the following shortcode to your field’s description
View this code snippet on GitHub.

The post Enable shortcodes in add-on description fields appeared first on Plugin Republic.

]]>
https://pluginrepublic.com/documentation/enable-shortcodes-in-add-on-description-fields/feed/ 0
Add-on fields not displaying with Divi page builder https://pluginrepublic.com/documentation/add-on-fields-not-displaying-with-divi-page-builder/ https://pluginrepublic.com/documentation/add-on-fields-not-displaying-with-divi-page-builder/#respond Mon, 12 Oct 2020 14:09:59 +0000 https://pluginrepublic.com/?post_type=ht_kb&p=644796 You might need to add this snippet to ensure fields display with Divi: This is how to add a snippet.

The post Add-on fields not displaying with Divi page builder appeared first on Plugin Republic.

]]>
You might need to add this snippet to ensure fields display with Divi:

View this code snippet on GitHub.

This is how to add a snippet.

The post Add-on fields not displaying with Divi page builder appeared first on Plugin Republic.

]]>
https://pluginrepublic.com/documentation/add-on-fields-not-displaying-with-divi-page-builder/feed/ 0
Auto-populate field value https://pluginrepublic.com/documentation/auto-populate-field-value/ https://pluginrepublic.com/documentation/auto-populate-field-value/#respond Sat, 06 Jun 2020 06:13:24 +0000 https://pluginrepublic.com/?post_type=ht_kb&p=439323 You can pre-populate a field value, e.g. through a parameter in the URL, by using the pewc_default_field_value filter. In the example below, we can load a product page with a URL that includes the parameter ?my_param=abc. The snippet looks for the my_param parameter and checks the field ID. If the my_param parameter is present and […]

The post Auto-populate field value appeared first on Plugin Republic.

]]>
You can pre-populate a field value, e.g. through a parameter in the URL, by using the pewc_default_field_value filter.

In the example below, we can load a product page with a URL that includes the parameter ?my_param=abc.

The snippet looks for the my_param parameter and checks the field ID. If the my_param parameter is present and the field ID matches, then the field will be populated with the value of the parameter, in this case ‘abc’.

You’ll need to update the field ID in the snippet to match the field you want to pre-populate.

View this code snippet on GitHub.

You can see how to add a snippet here.

The post Auto-populate field value appeared first on Plugin Republic.

]]>
https://pluginrepublic.com/documentation/auto-populate-field-value/feed/ 0
Display summary panel on product page https://pluginrepublic.com/documentation/display-summary-panel-on-product-page/ https://pluginrepublic.com/documentation/display-summary-panel-on-product-page/#respond Thu, 07 May 2020 14:39:18 +0000 https://pluginrepublic.com/?post_type=ht_kb&p=380172 You can choose to show a panel which displays the user’s add-on selections. Open the Customizer and go to the Product Add-Ons Ultimate tab. Click the ‘General’ tab and select the ‘Enable summary panel’ option.

The post Display summary panel on product page appeared first on Plugin Republic.

]]>
You can choose to show a panel which displays the user’s add-on selections.

Open the Customizer and go to the Product Add-Ons Ultimate tab. Click the ‘General’ tab and select the ‘Enable summary panel’ option.

The post Display summary panel on product page appeared first on Plugin Republic.

]]>
https://pluginrepublic.com/documentation/display-summary-panel-on-product-page/feed/ 0
Display global groups according to attribute or taxonomy https://pluginrepublic.com/documentation/display-global-groups-according-to-attribute-or-taxonomy/ https://pluginrepublic.com/documentation/display-global-groups-according-to-attribute-or-taxonomy/#respond Wed, 04 Mar 2020 10:57:51 +0000 https://pluginrepublic.com/?post_type=ht_kb&p=279711 By default, global groups can be displayed depending on product category (as well as universally or by specific product). If you’d prefer to display global groups depending on product attribute or an alternative taxonomy, e.g. Brand, you can use the following snippet. Just enter the slug of the taxonomy you wish to use instead of […]

The post Display global groups according to attribute or taxonomy appeared first on Plugin Republic.

]]>
By default, global groups can be displayed depending on product category (as well as universally or by specific product).

If you’d prefer to display global groups depending on product attribute or an alternative taxonomy, e.g. Brand, you can use the following snippet.

Just enter the slug of the taxonomy you wish to use instead of product category. In this example, the plugin will allow you to choose specific Colour attributes:

View this code snippet on GitHub.

This is how to add the snippet.

The post Display global groups according to attribute or taxonomy appeared first on Plugin Republic.

]]>
https://pluginrepublic.com/documentation/display-global-groups-according-to-attribute-or-taxonomy/feed/ 0
Reorder groups https://pluginrepublic.com/documentation/reorder-groups/ https://pluginrepublic.com/documentation/reorder-groups/#respond Wed, 04 Mar 2020 09:52:26 +0000 https://pluginrepublic.com/?post_type=ht_kb&p=279672 By default, global groups get added after product groups. However, you might want to add your global groups first or even mix them up with the product groups. To do this, you’ll need to use this snippet. Replace the list of group IDs in line 14 with your own list of group IDs. These will […]

The post Reorder groups appeared first on Plugin Republic.

]]>
By default, global groups get added after product groups. However, you might want to add your global groups first or even mix them up with the product groups.

To do this, you’ll need to use this snippet. Replace the list of group IDs in line 14 with your own list of group IDs. These will be displayed above any other groups, whether they’re global or product-level.

View this code snippet on GitHub.

This is how to add a snippet to your site.

The post Reorder groups appeared first on Plugin Republic.

]]>
https://pluginrepublic.com/documentation/reorder-groups/feed/ 0
Use a different size for add-on images https://pluginrepublic.com/documentation/use-a-different-size-for-add-on-images/ https://pluginrepublic.com/documentation/use-a-different-size-for-add-on-images/#respond Tue, 25 Feb 2020 13:56:00 +0000 https://pluginrepublic.com/?post_type=ht_kb&p=269081 By default, the plugin uses the ‘thumbnail’ size for add-on images. This is normally set by your theme. If you’d like to use a different size for the add-on image, use the first function in the snippet below: If you’d like to change the size of the image swatch images, use the second function. Here’s […]

The post Use a different size for add-on images appeared first on Plugin Republic.

]]>
By default, the plugin uses the ‘thumbnail’ size for add-on images. This is normally set by your theme.

If you’d like to use a different size for the add-on image, use the first function in the snippet below:

If you’d like to change the size of the image swatch images, use the second function.

View this code snippet on GitHub.

Here’s how to add the snippet.

The post Use a different size for add-on images appeared first on Plugin Republic.

]]>
https://pluginrepublic.com/documentation/use-a-different-size-for-add-on-images/feed/ 0