Total : 0.00 €

Before contacting us, please make sure to check our F.A.Q

Please, login or register to our website in order to be able to post a presale question in the forum.

× WooPrice Calculator PRO

[SOLVED] Text Filed Settings

More
1 year 4 months ago #258 by Enrico
Enrico replied the topic: [SOLVED] Text Filed Settings
Hi Tim,

It's better you copy the uikit example file: "example_uikit.php" and you try to edit it step by step.

To start, just try to copy the uikit example as it is, and check if it works.

If it works, just edit it as I said. If doesn't work let me know and I will help you to make it works.

Best regards,
Enrico

Please Log in or Create an account to join the conversation.

More
1 year 4 months ago - 1 year 4 months ago #255 by Tim Shadgett
Tim Shadgett replied the topic: [SOLVED] Text Filed Settings
Thanks for the reply,

I've ended up creating the following theme, after a crash course... However, the price in the product page no longer dynamically updates. If I change themes, it does though. Can you let me know what I may be missing?

Live page can be viewed here: mixwizard.online/index.php/product/song/

<?php
/*
* THEME_NAME: Example (MW Template)
*/
?>

<div class="wsf-uikit">
<div class="uk-grid">
<div class="uk-width-1-1">
<div class="uk-form wpc-product-form">
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:100%" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" />
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:70px" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" />
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:70px" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" /> min (or less)
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:70px" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" /> bpm
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:70px" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" /> track(s)
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:100%" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" />
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:70px" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" /> track(s)
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:100%" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" />
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:70px" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" /> track(s)
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:100%" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" />
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:100%" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" />
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<!--Field start-->
<div id="<?php echo $this->view; ?>" class="form-group wpc-field-widget">
<legend>
<label for="<?php echo $this->view; ?>_field">
<?php echo $this->view; ?>
</label>
:</legend>

<div class="wpc-field <?php echo $field; ?>">
<input class="form-control" style="width:100%" name="<?php echo $this->view;?>" type="text" value="<?php echo $this->view; ?>" />
</div>

<div class="wpc-field-error"></div> 

</div>
<!--Field end-->
<legend>
Quantity of songs matching this info to add to cart :</legend>
</div>
</div>
</div>
</div>
Last Edit: 1 year 4 months ago by Tim Shadgett.

Please Log in or Create an account to join the conversation.

  • Enrico Venezia
  • Enrico Venezia's Avatar
1 year 4 months ago #253 by Enrico Venezia
Enrico Venezia replied the topic: [SOLVED] Text Filed Settings
Hi Tim,

You can find other themes in: "wp-content/plugins/woo-price-calculator/themes". These are just examples of themes.

To use them, you need to copy them in: "wp-content/uploads/woo-price-calculator/themes". Using custom themes you can directly overwrite the default WPC appearance using HTML/CSS that you want. After you copied them, they will be available in the calculator dropdown field.

Obviously you can create your custom themes.

I think you can solve question 2 and 3 by using custom themes.

For more information: woopricecalculator.com/documentation [1.9 Using themes]

Best regards,
Enrico

Please Log in or Create an account to join the conversation.

More
1 year 4 months ago #252 by Tim Shadgett
Tim Shadgett created the topic: [SOLVED] Text Filed Settings
Hi,

Have just updated from free version to paid version. The free version was enough for me to calculate the price, but I needed to get some additional information from the customer on their requirements. Couple of questions:

1. When I edit the calculator, I don't see any option for theme aside from the default (which is probably ok, but expected to see a couple)
2. How can I increase the size of the text fields so that the customer can comfortably enter in a larger amount of text? Ideally, it would be good to use some of the real estate under the product image also...
3. I'd like to add a brief description for each question either by using an info icon or by adding the Field 'Description' text above the input box. How can I achieve this?
Attachments:

Please Log in or Create an account to join the conversation.

Moderators: david
Time to create page: 0.163 seconds

Cart

Total : 0.00 €