Contact Us Today! | vcare@wdmtech.com

WDMtech

Setup vAttribute Plugin for Virtuemart

This document offers the basic knowledge for installing, configuring and using the vAttribute plugin.

In following steps you will see how to Setup vAttribute Plugin for Virtuemart. The customer can then choose the one they want from a list. First you have to install and create the custom fields.

Installation

  • After downloading the plug-in from our site, just install it using the joomla installation process.

Setup vAttribute Plugin for Virtuemart

  • To manage and setup this plugin Access to Extensions => Plugin Manager Menu item.

Setup vAttribute Plugin for Virtuemart

  • You will find a list of plugins installed on your site. Find and click on vAttribute Plugin and change the status to “Enabled”.

Create your Custom Fields in Virtuemart

  • Navigate in the admin to Components -> Virtuemart and click on the Custom Fields tab from the Products menu on the left. Now you will see list of the Custom fields if they are any.

Setup vAttribute Plugin for Virtuemart

  • Then click on the New button from the row of buttons near the top. You should see the following page:

Setup vAttribute Plugin for Virtuemart

  • In the Custom Field Type: dropdown select Plugins.
  • In the Title field type, Color / Size or whatever your need.
  • Show Title, Published, Cart Attribute and Cart Input field must be set as Yes. Below you can check example settings for Color attribute.
  • Choose vAttribute Plugin from the dropdown list of Additional Parameters Field.
  • Click on Save when you’re ready.

Assign Custom Fields to the Products

  • After the creation of the custom field lets go to assign it to a product.
  • Select a product and go to the Custom Fields Tab.
  • Then from the Custom Field Type list select the custom field you have created previously.

Setup vAttribute Plugin for Virtuemart

    • The correct configuration of the vAttribute plugin is essential to the plugin's behaviour in the back-end and the front-end of your site. So it follows an explanation of the settings found here.
      • Display Type: Choose the option as per your need whether you want to this plugin as Product attributes (in Radio Buttons) or as Stockable Variations (in Select Dropdown).

        Setup vAttribute Plugin for Virtuemart

      • Include Weight : Choose YES if you want to include Weight and update main product weight based on customer chosen attributes. A new column of weights for each attribute will be appear.

        Setup vAttribute Plugin for Virtuemart

      • Show Size Input Fields: Choose YES if you want to show dimensions (width & height) fields in the frontend for user input and calculate the price per square unit as well as product weight per square unit (if include weight set to YES). If this option set to YES, customer will be restricted to enter Size inputs (i.e. width & height)

        Setup vAttribute Plugin for Virtuemart

      • Disable Cart Button: Choose YES if you want to restrict you customer to choose at least one attribute which will disable the cart button so that customer will be unable to add this product into the cart.

        Setup vAttribute Plugin for Virtuemart

      • Image Zoom in: Enable zoom feature on main / child attribute images to let the buyer have a better view on your product images.

        Setup vAttribute Plugin for Virtuemart

      • Add Attribute: Click on this button to add a new attribute row dynamically. You can add as many attributes as you want.

        Setup vAttribute Plugin for Virtuemart

      • Weight: Enter the Weight of the attribute.
      • Label: Enter the Label of the attribute.
      • Description: Enter the Description of the attribute.
      • Image: Enter the path of image of the attribute.
      • Price: If you want to make attribute price variant, enter the price.
      • Default: Set an attribute as default attribute.
      • Min Width: Set the limit to restrict the customer for minimum width.
      • Max Width: Set the limit to restrict the customer for max width.
      • Min Height: Set the limit to restrict the customer for minimum height.
      • Max Height: Set the limit to restrict the customer for max height.
      • Move: Rearrange your attributes by simply drag n drop.
      • Remove: Click on this button to remove an attribute row.
      • Add Child: Click on this button to add child attributes.
      • Display Type: Choose the option as per your need whether you want to this plugin as Product attributes (in Radio Buttons) or as Stockable Variations (in Select Dropdown).
      • vAttribute Plugin setting as Product Attributes (with Child Attributes)

      Setup vAttribute Plugin for Virtuemart

      • vAttribute Plugin Setting as Product Attributes (Dropdown with Radio Button)

      Setup vAttribute Plugin for Virtuemart

      • vAttribute Plugin Setting as Product Attributes with dimensions (width and height)

      Setup vAttribute Plugin for Virtuemart

      • vAttribute Pluing Setting as Product Stockable Variations

      Setup vAttribute Plugin for Virtuemart

      • vAttribute Pluing Setting as Product Stockable Variations (Radio buttons within Dropdown)

      Setup vAttribute Plugin for Virtuemart

      • When you’re done, click on Save button. Go and have a look at your product in the shop front to see it in action.
      • Frontend: vAttribute Plugin as Product Attributes (with Child Attributes)

      Setup vAttribute Plugin for Virtuemart

      • Frontend: vAttribute Plugin Setting as Product Attributes (Dropdown with Radio Button)

      Setup vAttribute Plugin for Virtuemart

      • Frontend: vAttribute Plugin as Product Attributes with dimensions (width and height)

      Setup vAttribute Plugin for Virtuemart

      • Frontend: vAttribute Plugin as Product Stockable Variations

      Setup vAttribute Plugin for Virtuemart

      • Frontend: vAttribute Pluing Setting as Product Stockable Variations (Radio buttons within Dropdown)

      Setup vAttribute Plugin for Virtuemart