“WooCommerce Store Closing” Documentation by “Ozibal” v1.0


“WooCommerce Store Closing”

Created: 2/2/2017
By: Ozibal
Email: ozibal@gmail.com

Banner

Thank you for purchasing my plugin. If you have any problems beyond the scope of this help file, please do not hesitate to contact me here. Thanks so much!

Table of Contents

  1. How does it work
  2. Which language support is available ?
  3. Installation
  4. Settings
  5. Smart tags
  6. ShortCode
  7. CSS


A) How does it work ? - top

Banner

This plugin works under the "WooCommerce" online sales plugin. On the days and times that you specify, the add cart button on the product pages makes the complete order button on the payment page invisible and displays the notification message as required.

The following classes are affected.

        .woocommerce li.product .entry-header .button, 
        .woocommerce-page li.product .entry-header .button, 
        .woocommerce .quantity, 
        .woocommerce-page .quantity, 
        .woocommerce .single_add_to_cart_button, 
        .woocommerce-page .single_add_to_cart_button,
        .woocommerce-page .checkout-button,
        .woocommerce #payment
    

B) Which language support is available ? - top

Full language support is available. English and Turkish language support is included in the package. If you help me, I can translate in your language with a little text.

Special thanks !
Brazilian Portuguese language support was added. Thanks to David Cantidio for the translation.

Please mail me here for this.


C) Installation - top

With Ftp
  1. Unzip the compressed file. (storeclosing.zip)
  2. Copy the plugin folder (store-closing) to the / wp-content / plugins / folder.
With Admin Panel(wp-admin)
  1. Go to Plugins / Add New menu
  2. Click ‘Install Plugin’ button
  3. Click ‘Choose File’ button
  4. Choose compressed file (storeclosing.zip) and click “install now’ button.

Activate the Store Closing plugin from plugins menu.
You can customize the Store Closing plugin under the WooCommerce menu.

Note: If other versions of the plugin were previously installed, uninstall it first.


D) Settings - top

Banner

You can adjust the plugin settings in the "Store Closing" section under the "WooCommerce" tab.

Plugin settings consist of two parts.

  1. Daily
  2. Upcoming
  3. Manual

Daily
You can set two different opening and closing times for the days of the week. The "checkbox" next to the day must be selected in order for the selected hours will be active. "WooCommerce" store will be opened online order at the selected time. Outside these hours, the "order" and "order complete" buttons will be invisible. If you have a message in the "Notification Message" field, it will be displayed.

Sample :
If selected; 'First' : 11:00 to 15:45 and 'Second' : 18:00 to 23:59

00:00 => 11:00 : Your Store is closed to order online.
11:00 => 15:45 : Your Store is opened to order online.
15:45 => 18:00 : Your Store is closed to order online.
18:00 => 23:59 : Your Store is opened to order online.

Upcoming
In the "Closing" and "Opening" areas you will close and open the store on your chosen dates. It is sufficient to make the date entries in order to close the shop at a upcoming date (for example, if you do not accept orders at holiday time). Automatic operation occurs when the selected date is valid.

Sample :
Closing: 25.01.2017 23:45
Opening: 06.02.2017 16:15
When you log in and point to your dealer you will close the order on 25.01.2017 23:45. 06.02.2017 16:15 will remain closed until. 06.02.2017 16:15 again is open.

Attention ! : Even if the "Weekly" setting is checked while the UPCOMING DATES option is checked, it will not be processed. UPCOMING DATES automatically disappears when the dates are invalid, and weekly selections are activated if any.

Manual
This option close your store and shows general notification message.

Attention ! : Without timestamp and countdown

Notifications
Each day's message is shown in notifications. If there are no daily or upcoming messages, the general message is shown in the notification. In the daily notifications, the message that the time approaching becomes active. If the time interval has exceeded the second setting, the next day's message (if any) is shown in the notification.

For example
'First' : 11:00 - 15:45 and 'Second' : 18:00 - 21:30.

00:00 => 11:00: Your 'First' message will be shown on the notification.
15:45 => 18:00: Your 'Second' message will be shown on the notification.
21:30 => 23:59: The 'First' message of the next day will be shown on the notification.

If the message fields are empty, the general message is shown in the notification.

Banner

Time Zone
Plugin uses the timezone settings you selected in the general settings.

Banner

Role Permission

Plugin settings can be changed by administrator users. You can choose one of the user roles listed in this option to give you the right to change the opening and closing times.

Attention!
Even if a role (for example, Subscriber) without access to the admin panel is selected, the user can not log in to the plugin settings because they do not have access to the admin panel.


E) Smart Tags - top

There are three smart tags to display in notification messages. These labels are like in the following order.

  1. [tstamp]
    : The weekly chart shows the hour information of the active day.
  2. [pcstamp]
    : Displays the marked date and time in the closing notification.
  3. [postamp]
    : Displays the marked date and time in the opening notification.
  4. [countdown]
    : Adds the countdown for notification.

Note: Each label only works in its own declaration.


F) ShortCode - top

The opening and closing times must be active for the short code to be able to display the notification message.
Otherwise, no message will be displayed even if you insert short code

The default ShortCode uses the message settings you selected during the settings panel.

You can customize the messages displayed with CSS. Details is below.

ShortCode Usage

  • Standart Usage : [StoreClosing] (The nearest active notification is shown)
  • For Upcoming Closing : [StoreClosing Closing]
  • For Upcoming Opening : [StoreClosing Opening]
  • For Both of Daily Table : [StoreClosing Daily]
  • For First Daily Table : [StoreClosing DailyFirst]
  • For Second Daily Table : [StoreClosing DailySecond]

You can display the Weekly Opening-Closing Table or active notifications anywhere with ShortCode.
You can add a countdown to the opening or closing time of your store (you can use the [countdown] smart tag).

 

 

 

 

 

 

Tips
By customizing your short code notification, you can make an 'Under Construction' notification for your site.


G) CSS - top

The plugin only uses a single css class which is valid for the notification message. This class looks like the following. You can set the custom style for your notification in the settings section.

Note: You can change your own css file by assigning a value to the ".storeclosing_show" class.

            .storeclosing_show { /* Default Message */
                background-color: #F00;
                color: #FFF;
                width: 90%;
                height: auto;
                margin-bottom:10px;
                padding: 10px;
                font-size: large;
                text-align: center;
            }
            
            .storeclosing_shortcode .storeclosing_show{ /* Shortcode */
                width:inherit;
            }
            
            .storeclosing_daily th, .storeclosing_shortcode td{ /* Shortcode Daily Table */
                padding: 2px !important;   
            }
            
            .storeclosing_daily .storeclosing_active_day{ /* Shortcode Daily Table Active Day*/
                background-color: #6E25BC;
                color: #FFF;
                font-weight:bold;
            }
            .storeclosing_daily .storeclosing_active_message{ /* Shortcode Daily Table Active Message*/
                border: solid 1px #999;
                color: #6E25BC;
                height: auto;
                padding: 15px !important;
                margin-bottom: 15px !important;
                font-size: large;
                font-weight:bold;
                text-align: center;
                -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
                -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
                box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
            }
            .storeclosing_upcoming_close{ /* Shortcode Upcoming Closing Active Message*/
                background-color: #6E25BC;
                color: #FFF;
                border: solid 1px #FF00D9;
                height: auto;
                padding: 9px !important;
                margin-bottom: 15px !important;
                font-size: large;
                font-weight:bold;
                text-align: center;
                -webkit-box-shadow: 4px 4px 4px 0px rgba(158, 96, 149,0.5);
                -moz-box-shadow: 4px 4px 4px 0px rgba(158, 96, 149,0.5);
                box-shadow: 4px 4px 4px 0px rgba(158, 96, 149,0.5);
            }
            
            .storeclosing_upcoming_close .storeclosing_inframe{ /* Shortcode Upcoming Closing Active Message Inframe*/
                border: solid 1px #FF00D9;
                height: auto;
                padding: 10px !important;
            }
            
            .storeclosing_upcoming_open{ /* Shortcode Upcoming Opening Active Message*/
                background-color: #FF00D9;
                color: #FFF;
                border: solid 1px #6E25BC;
                height: auto;
                padding: 9px !important;
                margin-bottom: 15px !important;
                font-size: large;
                font-weight:bold;
                text-align: center;
                -webkit-box-shadow: 4px 4px 4px 0px rgba(110, 37, 188,0.5);
                -moz-box-shadow: 4px 4px 4px 0px rgba(110, 37, 188,0.5);
                box-shadow: 4px 4px 4px 0px rgba(110, 37, 188,0.5);
            }
            
            .storeclosing_upcoming_open .storeclosing_inframe{ /* Shortcode Upcoming Opening Active Message Inframe*/
                border: solid 1px #6E25BC;
                height: auto;
                padding: 10px !important;
            }
            
            .storeclosing_countdown { /* Countdown */
                font-weight:bold;
            }
		

Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugins on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Ozibal

Go To Table of Contents