Drive and Click & Collect / Pick up in-store

Youpit

Member
XNullUser
Joined
Sep 3, 2021
Messages
35
Reaction score
15
Points
8
NullCash
11
Switch to Click and Collect! Pick-up in store, choice of pick-up time (whole day or hour), automatic pick-up via locker with pin code: discover our Drive / Click & Collect module for Prestashop.

https://addons.prestashop.com/en/co...drive-and-click-collect-pick-up-in-store.html

Overview​

Switch to Click and Collect! Pick-up in store, choice of pick-up time (whole day or hour), automatic pick-up via locker with pin code: discover our Drive / Click & Collect module for Prestashop.

Description​

New: You want to manage the stock of your stores directly on your online store? The Drive / Click and Collect module is 100% compatible with our Stock by store module.

The Drive-Click & Collect module for Prestashop allows e-merchants with one or more physical stores to take full advantage of the "Click & Collect". Thanks to it, customers are able to buy online and select a pick up in-store and a date (day of the week + time) in the store of their choice.

You can now choose different opened & closed hours and vacation for each physical stores. If you want only use the module as pick up in-store, without slots choice, it's also possible.

The module is compatible with the One Page Checkout and offers a optimized experience on smartphones, pads and computers. You can choose between two display mods :

  • Display as a list : shows all available slots for a selected day
  • Display as a table : shows available slots for the 7 next days in a table, from pick up opening to pick up close

You can easily configure your slots preferences : time before the next available slot, number of days to display, duration of a slot, maximum number of orders for a slot...

In the Back-office, you have a dedicated interface which list you all the orders to prepare. You can filter this orders by pick-up date, physical store, name...)


PrestaShop version required
V1.6.1.0 - V8.1.4
 

Attachments

  • v4.0.0-prestatilldrive.zip
    1.8 MB · Views: 17

hxcode

Well-known member
Master
Diamond
Elite
Joined
Aug 16, 2020
Messages
3,535
Reaction score
416
Points
83
NullCash
11
thank you for sharing this module.
 

antoinev

Well-known member
Master
Diamond
Elite
Joined
Dec 12, 2021
Messages
260
Reaction score
1,311
Points
93
NullCash
6,796
thank you for sharing this module.
 

dimawn

Well-known member
Master
Diamond
Elite
Joined
Jan 17, 2020
Messages
497
Reaction score
620
Points
93
NullCash
218
Nice update. Thank you, updated today :)
 

tarso_w

Member
XNullUser
Joined
Oct 19, 2020
Messages
400
Reaction score
2
Points
18
NullCash
525
Thank you very much for sharing it
 

slymnypgl

Member
XNullUser
Joined
Sep 24, 2019
Messages
81
Reaction score
0
Points
6
NullCash
4
Switch to Click and Collect! Pick-up in store, choice of pick-up time (whole day or hour), automatic pick-up via locker with pin code: discover our Drive / Click & Collect module for Prestashop.

https://addons.prestashop.com/en/co...drive-and-click-collect-pick-up-in-store.html

Overview​

Switch to Click and Collect! Pick-up in store, choice of pick-up time (whole day or hour), automatic pick-up via locker with pin code: discover our Drive / Click & Collect module for Prestashop.

Description​

New: You want to manage the stock of your stores directly on your online store? The Drive / Click and Collect module is 100% compatible with our Stock by store module.

The Drive-Click & Collect module for Prestashop allows e-merchants with one or more physical stores to take full advantage of the "Click & Collect". Thanks to it, customers are able to buy online and select a pick up in-store and a date (day of the week + time) in the store of their choice.

You can now choose different opened & closed hours and vacation for each physical stores. If you want only use the module as pick up in-store, without slots choice, it's also possible.

The module is compatible with the One Page Checkout and offers a optimized experience on smartphones, pads and computers. You can choose between two display mods :

  • Display as a list : shows all available slots for a selected day
  • Display as a table : shows available slots for the 7 next days in a table, from pick up opening to pick up close

You can easily configure your slots preferences : time before the next available slot, number of days to display, duration of a slot, maximum number of orders for a slot...

In the Back-office, you have a dedicated interface which list you all the orders to prepare. You can filter this orders by pick-up date, physical store, name...)


PrestaShop version required
V1.6.1.0 - V8.1.4
Thanks for this usefull module, i will try it
 

anon1

Member
XNullUser
Joined
Aug 12, 2021
Messages
68
Reaction score
30
Points
18
NullCash
138
wow! thanks for the share, just been looking for something like this :)
 

anon1

Member
XNullUser
Joined
Aug 12, 2021
Messages
68
Reaction score
30
Points
18
NullCash
138
if you want the store locator modal window to open on first visit you can insert this code

Code:
$(document).ready(function() {
    // Check if modal element exists
    if ($('#store_selector_modal').length) {
      // Check if it's the first visit based on localStorage
      if (localStorage.getItem('firstVisit') === null) {
        localStorage.setItem('firstVisit', true);

        // Check if your modal library has a working 'show' method
        if (typeof $.fn.modal === 'function') {
          $('#store_selector_modal').modal('show'); // Open the modal if library is present
        } else {
          console.warn("Modal library might not be loaded or function is incorrect.");
        }
      } else {
        localStorage.setItem('firstVisit', false);
      }
    } else {
      console.warn("Modal element with ID 'store_selector_modal' not found.");
    }
  });

into file modules/prestatilldrive/views/js/storelocator.js

like this

Code:
 *  @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*/

var pdc_address = null;
var firstLoading = true;

$(document).ready(function() {
  // Check if modal element exists
    if ($('#store_selector_modal').length) {
      // Check if it's the first visit based on localStorage
      if (localStorage.getItem('firstVisit') === null) {
        localStorage.setItem('firstVisit', true);

        // Check if your modal library has a working 'show' method
        if (typeof $.fn.modal === 'function') {
          $('#store_selector_modal').modal('show'); // Open the modal if library is present
        } else {
          console.warn("Modal library might not be loaded or function is incorrect.");
        }
      } else {
        localStorage.setItem('firstVisit', false);
      }
    } else {
      console.warn("Modal element with ID 'store_selector_modal' not found.");
    }
  });

  // Click sur CHANGE SLOT pour changer de créneau
  $('body').on('click tap', '#store_selector_modal .reserved_slot .changeSlot', function() {

    //console.log('ON SOUHAITE CHANGER DE CRENEAU');
    $('body').find('.psd_store_selector').removeClass('active_slot').addClass('active');
    $('body').find('#store_selector_modal .reservation_ok').removeClass('active');
    var id_store = $(this).data('id_store');
    if (id_store > 0) {
      _createDaysTable(id_store);
      _hideReservationSlot(true);
    }

  });

  //rest of the code

file below if you're not confident - always take a backup
 

Attachments

  • storelocator.zip
    3.5 KB · Views: 1
Last edited:

uko

Member
XNullUser
Joined
Apr 14, 2021
Messages
635
Reaction score
11
Points
18
NullCash
39
thank you for sharing this module
 

Lefabe

New member
XNullUser
Joined
May 3, 2024
Messages
20
Reaction score
0
Points
1
Location
France
NullCash
2
It's possible with this module to configure more than one pickup store with location ?
 
Top