Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: Customizing Confirm Page  (Read 5670 times)

Offline Christo1045

  • Newbie
  • *
  • Posts: 10
  • Karma: +0/-0
    • View Profile
Customizing Confirm Page
« on: October 19, 2017, 02:27:12 AM »
Hi Guys

I've added a dropdown list on the Confirm page at /storefront/view/default/template/pages/checkout/confirm.tlp for the user to select the Sales Rep they usually deal with.

Code:
<div class="col-md-3 well" style="margin-left: 15px">
   <h4>Who do you deal with?</h4>
   <select required>
      <option value="">Choose Sales Rep</option>
      <option value="Rep1">Rep1</option>
      <option value="Rep2">Rep2</option>
      <option value="Rep3">Rep3</option>
      <option value="Rep4">Rep4</option>
   </select>
</div>

Questions:

1.) How to save this with my order, show on my invoice etc?
2.) Which table to add fields to?
3.) Which files to add code to?

I'll look into creating an extension later on as I'm currently restricted with budget and time.

Any help to point me in the right direction would be appreciated.

Thanks

Chris

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5774
  • Karma: +274/-2
    • View Profile
Re: Customizing Confirm Page
« Reply #1 on: October 19, 2017, 07:39:52 AM »

Offline Christo1045

  • Newbie
  • *
  • Posts: 10
  • Karma: +0/-0
    • View Profile
Re: Customizing Confirm Page
« Reply #2 on: October 19, 2017, 07:53:50 AM »
I know about the extension, but prefer not to use it due to budget constraints...

Any other help?

Offline Christo1045

  • Newbie
  • *
  • Posts: 10
  • Karma: +0/-0
    • View Profile
Re: Customizing Confirm Page
« Reply #3 on: October 20, 2017, 10:05:23 AM »
Okay, so I bought the extension but have an issue. I'm using a select (dropdown) and it's set to required, leaving the first option as empty so the user should make a selection. Any RegEx I try either let's the user proceed or not at all. I need a solution, correct RegEx to not accept blank values. 

Offline maxter

  • Full Member
  • ***
  • Posts: 228
  • Karma: +64/-0
    • View Profile
Re: Customizing Confirm Page
« Reply #4 on: October 20, 2017, 03:05:31 PM »
What is the RegEx that you use?

Offline Christo1045

  • Newbie
  • *
  • Posts: 10
  • Karma: +0/-0
    • View Profile
Re: Customizing Confirm Page
« Reply #5 on: October 21, 2017, 12:30:22 AM »
I tried /.*\S.*/ and a few others, but nothing works. The normal select fields in AbanteCart has a Placeholder attribute that can be set, but not in this extension. I need the user to choose an option and not leave it black, nor use the default.

Offline Christo1045

  • Newbie
  • *
  • Posts: 10
  • Karma: +0/-0
    • View Profile
Re: Customizing Confirm Page
« Reply #6 on: November 01, 2017, 07:58:36 AM »
No Suggestions yet guys?

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5774
  • Karma: +274/-2
    • View Profile
Re: Customizing Confirm Page
« Reply #7 on: November 01, 2017, 08:45:44 AM »
Hello.
There are a lot tools in the internet to create or test regex or even libraries http://www.regexlib.com

Offline Christo1045

  • Newbie
  • *
  • Posts: 10
  • Karma: +0/-0
    • View Profile
Re: Customizing Confirm Page
« Reply #8 on: November 01, 2017, 09:00:55 AM »
Okay, so this is why this extension does not work 100%.

It allows an Element to be blank, but assigns a value to it, so therefore, your selection will always have a value to it.

<select name="attributes[10]" class="form-control " id="attributes10" data-placeholder="">  <-- Where do I set this in the Extension?
        <option value="101"></option> <-- How can I set this to  "selected disabled"
   <option value="102">Sales Rep 1</option>
   <option value="103">Sales Rep 2</option>
   <option value="104">Sales Rep 3</option>
   <option value="105">Sales Rep 4</option>
   <option value="106">Sales Rep 5</option>
   <option value="107">Sales Rep 6</option>
   <option value="108">Sales Rep 7</option>
   <option value="109">Sales Rep 8</option>
   <option value="110">Sales Rep 9</option>
   <option value="111">Sales Rep 10</option>
   <option value="112">Not applicable</option>
</select>

Regards

Chris

Offline Christo1045

  • Newbie
  • *
  • Posts: 10
  • Karma: +0/-0
    • View Profile
Re: Customizing Confirm Page
« Reply #9 on: November 06, 2017, 06:57:43 AM »
So I've managed to get this working in a way.

Inspecting the Element (MS Edge), find the value attached to the blank option:

<select name="attributes[10]" class="form-control " id="attributes10" data-placeholder="">
         <option value="111">-- Choose a Rep --</option> <!--- Here we are, value = 111 -->
         <option value="115">Not applicable</option>
         <option value="101">Sales Rep 1</option>
         <option value="102">Sales Rep 2</option>
         <option value="103">Sales Rep 3</option>
         <option value="104">Sales Rep 4</option>
         <option value="105">Sales Rep 5</option>
         <option value="106">Sales Rep 6</option>
         <option value="107">Sales Rep 7</option>
         <option value="108">Sales Rep 8</option>
         <option value="109">Sales Rep 9</option>
         <option value="110">Sales Rep 10</option>
   </select>

Set the RegEx to /^((?!111).)*$/

So you can select any other value except 111.

Hope this helps someone else.

Regards

Chris

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5774
  • Karma: +274/-2
    • View Profile
Re: Customizing Confirm Page
« Reply #10 on: November 06, 2017, 06:59:22 AM »
Thank you, Christo1045

 

Powered by SMFPacks Social Login Mod