Creating customizable products in your Shopify store not only increase your customer satisfaction, it also increases your conversion rate. Here is a method to add custom options for your Shopify product and convert it into personalized product - Go to Shopify store page and search for "Advanced Product Customizer" app or you can directly the the Shopify app page by clicking on this link Advanced Product Customizer . Install Advanced Product Customizer app for free in your Shopify store From the application dashboard, enable to app embed block to complete the installation process Click "Product Custom Options" From the Shopify products list, select the product on which you want to add custom options. Advanced Product Customizer offers Image Swatch, Color Swatch, Text box, File Upload, Radio, Checkbox, Date Picker and more. Here is the a demo video for adding custom option for a Shopify product -
Sometimes we have multiple sections in our web forms for validation. These sections need their separate validation. For example I have two sections - one to insert a category and other one to update existing category name.
For inserting category the text box is txtNewCategory and for updating category text box is txtUpdateCategory. Both have RequiredFieldValidator validation control.
In this case we want that when validation of txtNewCategory happens then txtUpdateCategory should not be validated and vice versa.
This can be achieved by creating Validation Group. Here is the example -
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ValidationGroup="GrpUpdateCategory" ControlToValidate="txtCategoryName" ErrorMessage="Please enter updated category name">*
</asp:RequiredFieldValidator>
For inserting category the text box is txtNewCategory and for updating category text box is txtUpdateCategory. Both have RequiredFieldValidator validation control.
In this case we want that when validation of txtNewCategory happens then txtUpdateCategory should not be validated and vice versa.
This can be achieved by creating Validation Group. Here is the example -
<asp:TextBox ID="txtNewCategory" runat="server">
</asp:TextBox>
<asp:RequiredFieldValidator ID="reqFieldCategory" runat="server" ValidationGroup="GrpNewCategory" ControlToValidate="txtNewCategoryName" ErrorMessage="Please enter new category name">
</asp:RequiredFieldValidator>
<asp:Button ID="btnCategoryAdd" runat="server" Text="Add Category" OnClick="btnCategoryAdd_Click" ValidationGroup="GrpNewCategory"/>
<asp:TextBox ID="txtUpdateCategory" runat="server" > </asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ValidationGroup="GrpUpdateCategory" ControlToValidate="txtCategoryName" ErrorMessage="Please enter updated category name">*
</asp:RequiredFieldValidator>
<asp:Button ID="btnCategoryUpdate" runat="server" Text="Add Category" OnClick="btnCategoryUpdate_Click" ValidationGroup="GrpUpdateCategory"/>
In the above markup we create two validation group - GrpNewCategory and GrpUpdateCategory.
GrpNewCategory is associated with txtNewCategory while GrpUpdateCategory is associated with txtUpdateCategory.
Comments
Post a Comment