www.artik.com
Open in
urlscan Pro
192.124.249.6
Public Scan
URL:
https://www.artik.com/classico-hard-cover-journal.html
Submission: On January 30 via api from CA — Scanned from CA
Submission: On January 30 via api from CA — Scanned from CA
Form analysis
4 forms found in the DOMGET https://www.artik.com/catalogsearch/result/
<form class="form minisearch" id="search_mini_form" action="https://www.artik.com/catalogsearch/result/" method="get">
<div class="field search">
<label class="label" for="search" data-role="minisearch-label">
<span>Search</span>
</label>
<div class="control">
<input id="search" type="text" name="q" value="" placeholder="Search..." class="input-text" maxlength="128" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off">
<div id="search_autocomplete" class="search-autocomplete"></div>
<div class="nested">
<a class="action advanced" href="https://www.artik.com/catalogsearch/advanced/" data-action="advanced-search">
Advanced Search </a>
</div>
</div>
</div>
<div class="actions">
<button type="submit" title="Search" class="action search" disabled="">
<span>Search</span>
</button>
</div>
</form>
POST https://www.artik.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuYXJ0aWsuY29tL2NsYXNzaWNvLWhhcmQtY292ZXItam91cm5hbC5odG1s/product/9866/
<form data-product-sku="ST4123" action="https://www.artik.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuYXJ0aWsuY29tL2NsYXNzaWNvLWhhcmQtY292ZXItam91cm5hbC5odG1s/product/9866/" method="post" id="product_addtocart_form" enctype="multipart/form-data"
novalidate="novalidate">
<input type="hidden" name="product" value="9866">
<input type="hidden" name="selected_configurable_option" value="">
<input type="hidden" name="related_product" id="related-products-field" value="">
<input type="hidden" name="item" value="9866">
<input name="form_key" type="hidden" value="ZdeSkWQQJOl5MeUE">
<div class="product-options-wrapper" id="product-options-wrapper">
<div class="fieldset" tabindex="0">
<script>
require(['jquery', ], function($) {
//<![CDATA[
$.extend(true, $, {
calendarConfig: {
dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
dayNamesMin: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
infoTitle: 'About\u0020the\u0020calendar',
firstDay: 0,
closeText: 'Close',
currentText: 'Go\u0020Today',
prevText: 'Previous',
nextText: 'Next',
weekHeader: 'WK',
timeText: 'Time',
hourText: 'Hour',
minuteText: 'Minute',
dateFormat: "D, d M yy", // $.datepicker.RFC_2822
showOn: 'button',
showAnim: '',
changeMonth: true,
changeYear: true,
buttonImageOnly: null,
buttonImage: null,
showButtonPanel: true,
showWeek: true,
timeFormat: '',
showTime: false,
showHour: false,
showMinute: false
}
});
enUS = {
"m": {
"wide": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
"abbr": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
}
}; // en_US locale reference
//]]>
});
</script>
<div class="field " data-option_id="9386" style="width: 50%;">
<label class="label" for="select_9386">
<span class="colorimportant">Choose item colour</span>
</label><span id="value"></span>
<div class="control">
<div aria-activedescendant="" tabindex="0" aria-invalid="false" aria-required="false" role="listbox" aria-label="Color" class="swatch-attribute size">
<div class="swatch-attribute-options clearfix" disabled="disabled">
<div class="mageworx-swatch-container">
<div class="mageworx-swatch-option image " data-option-id="9386" data-option-type-id="69581" data-option-type="drop_down" data-option-label="Blue" data-option-price="0"
style=" height: 45px; width: 45px; background: url(https://www.artik.com/media/mageworx/optionfeatures/product/option/value/r/o/45x45/royal__121_182.gif) no-repeat center;"> </div>
</div>
<div class="mageworx-swatch-container">
<div class="mageworx-swatch-option image " data-option-id="9386" data-option-type-id="69582" data-option-type="drop_down" data-option-label="Black" data-option-price="0"
style=" height: 45px; width: 45px; background: url(https://www.artik.com/media/mageworx/optionfeatures/product/option/value/b/l/45x45/black__78_494.gif) no-repeat center;"> </div>
</div><select name="options[9386]" id="select_9386" class=" mageworx-swatch hidden product-custom-option admin__control-select" title="" data-selector="options[9386]">
<option value="">-- Please Select --</option>
<option value="69581" price="0" data-option_type_id="69581">Blue</option>
<option value="69582" price="0" data-option_type_id="69582">Black</option>
</select>
<div class="option_images_gallery"></div>
</div>
</div><input name="options_qty[9386]" id="options_9386_qty" class="qty mageworx-option-qty" type="hidden" value="1" style="width: 3em; text-align: center; vertical-align: middle;" data-parent-selector="options[9386]">
</div>
</div>
<div class="mageworx-swatch-option-label-div">Select the design location & number of design colours</div>
<div class="field " data-option_id="9389" style="width: 50%;">
<label class="label" for="select_9389">
<span>Front Colour(s):</span>
</label>
<div class="control"><img src="https://www.artik.com/static/frontend/Smartwave/porto/en_US/MageWorx_OptionFeatures/image/question.png" alt="tooltip" class="option-select-tooltip-9389" style="display: none">
<select name="options[9389]" id="select_9389" class=" product-custom-option admin__control-select" title="" data-selector="options[9389]">
<option value="">-- Please Select --</option>
<option value="69574" price="0" data-option_type_id="69574">1</option>
<option value="69575" price="0" data-option_type_id="69575">2</option>
<option value="69576" price="0" data-option_type_id="69576">3</option>
<option value="69577" price="0" data-option_type_id="69577">4</option>
<option value="69578" price="0" data-option_type_id="69578">5</option>
<option value="69579" price="0" data-option_type_id="69579">6</option>
<option value="69580" price="0" data-option_type_id="69580">7</option>
</select><input name="options_qty[9389]" id="options_9389_qty" class="qty mageworx-option-qty" type="hidden" value="1" style="width: 3em; text-align: center; vertical-align: middle;" data-parent-selector="options[9389]">
<div class="option_images_gallery"></div>
</div>
</div>
<div class="field quantitiesbox" data-option_id="9388" style="width: 50%;">
<label class="label" for="options_9388_text">
<span>Enter Quantities:</span>
</label>
<div class="control">
<input type="text" id="options_9388_text" class="input-text product-custom-option" data-validate="{"validate-no-utf8mb4-characters":true}" name="options[9388]" data-selector="options[9388]" value="">
</div>
</div>
<div class="field spacerbox" data-option_id="18921" style="width: 50%;">
<label class="label" for="options_18921_text">
<span>Minimum Quantity: 95</span>
</label>
<div class="control">
<input type="text" id="options_18921_text" class="input-text product-custom-option" data-validate="{"validate-no-utf8mb4-characters":true}" name="options[18921]" data-selector="options[18921]" value="">
</div>
</div>
<script>
require(['jquery', 'optionSwatches', 'uiRegistry'], function($, optionSwatches, registry) {
var optionBase = registry.get('mageworxOptionBase');
if (optionBase) {
optionBase.addUpdater(20, optionSwatches({
"isEnabledRedirectToCart": false
}));
} else {
var updaters = registry.get('mageworxOptionUpdaters');
if (!updaters) {
updaters = {};
}
updaters[20] = optionSwatches({
"isEnabledRedirectToCart": false
});
registry.set('mageworxOptionUpdaters', updaters);
}
});
</script>
<script>
require(['jquery', 'optionAdvancedPricing', 'uiRegistry'], function($, optionAdvancedPricing, registry) {
var optionBase = registry.get('mageworxOptionBase');
if (optionBase) {
optionBase.addUpdater(35, optionAdvancedPricing({
"optionTypes": {
"9386": "drop_down",
"9388": "field",
"9389": "drop_down",
"18921": "field"
}
}));
} else {
var updaters = registry.get('mageworxOptionUpdaters');
if (!updaters) {
updaters = {};
}
updaters[35] = optionAdvancedPricing({
"optionTypes": {
"9386": "drop_down",
"9388": "field",
"9389": "drop_down",
"18921": "field"
}
});
registry.set('mageworxOptionUpdaters', updaters);
}
});
</script>
<style>
.admin__field .note {
float: left;
margin-left: calc((100%) * 0.25 + 30px);
}
</style>
<script>
require(['jquery', 'optionInventory', 'uiRegistry'], function($, optionInventory, registry) {
var optionBase = registry.get('mageworxOptionBase');
if (optionBase) {
optionBase.addUpdater(30, optionInventory({
"stock_message_url": "https:\/\/www.artik.com\/mageworx_optioninventory\/stockmessage\/update\/"
}));
} else {
var updaters = registry.get('mageworxOptionUpdaters');
if (!updaters) {
updaters = {};
}
updaters[30] = optionInventory({
"stock_message_url": "https:\/\/www.artik.com\/mageworx_optioninventory\/stockmessage\/update\/"
});
registry.set('mageworxOptionUpdaters', updaters);
}
});
</script>
<script>
require(['jquery', 'dynamicOptions', 'uiRegistry'], function($, dynamicOptions, registry) {
var optionBase = registry.get('mageworxOptionBase');
if (optionBase) {
optionBase.addUpdater(5, dynamicOptions({
"options_data": [],
"price_per_unit": {
"amount": 0,
"amount_incl_tax": 0,
"amount_excl_tax": 0
}
}));
} else {
var updaters = registry.get('mageworxOptionUpdaters');
if (!updaters) {
updaters = {};
}
updaters[5] = dynamicOptions({
"options_data": [],
"price_per_unit": {
"amount": 0,
"amount_incl_tax": 0,
"amount_excl_tax": 0
}
});
registry.set('mageworxOptionUpdaters', updaters);
}
});
</script>
<script>
require(['jquery', 'optionAdditionalImages', 'uiRegistry'], function($, optionAdditionalImages, registry) {
var optionBase = registry.get('mageworxOptionBase');
if (optionBase) {
optionBase.addUpdater(60, optionAdditionalImages({
"options": {
"9386": {
"type": "drop_down",
"mageworx_option_gallery": "0",
"mageworx_option_image_mode": "1",
"sort_order": "1",
"values": {
"69581": {
"sort_order": "4",
"images": {
"212527": {
"value_id": "212527",
"option_type_id": "69581",
"position": "1",
"file": "\/s\/t\/st4123_classico_journal_blue.jpg",
"label": "",
"custom_media_type": "image",
"color": "",
"disabled": "0",
"url": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/35x35\/st4123_classico_journal_blue.jpg",
"replace_main_gallery_image": "1",
"overlay_image": "0",
"base_image": "0",
"tooltip_image": "0",
"full": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/st4123_classico_journal_blue.jpg",
"img": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/st4123_classico_journal_blue.jpg",
"thumb": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/70x100\/st4123_classico_journal_blue.jpg"
},
"212528": {
"value_id": "212528",
"option_type_id": "69581",
"position": "2",
"file": "\/r\/o\/royal__121_182.gif",
"label": "",
"custom_media_type": "image",
"color": "",
"disabled": "0",
"url": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/r\/o\/35x35\/royal__121_182.gif",
"replace_main_gallery_image": "0",
"overlay_image": "0",
"base_image": "1",
"tooltip_image": "0"
}
},
"overlay_image_url": ""
},
"69582": {
"sort_order": "5",
"images": {
"212529": {
"value_id": "212529",
"option_type_id": "69582",
"position": "1",
"file": "\/s\/t\/st4123_classico_journal_black.jpg",
"label": "",
"custom_media_type": "image",
"color": "",
"disabled": "0",
"url": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/35x35\/st4123_classico_journal_black.jpg",
"replace_main_gallery_image": "1",
"overlay_image": "0",
"base_image": "0",
"tooltip_image": "0",
"full": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/st4123_classico_journal_black.jpg",
"img": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/st4123_classico_journal_black.jpg",
"thumb": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/70x100\/st4123_classico_journal_black.jpg"
},
"212530": {
"value_id": "212530",
"option_type_id": "69582",
"position": "2",
"file": "\/b\/l\/black__78_494.gif",
"label": "",
"custom_media_type": "image",
"color": "",
"disabled": "0",
"url": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/b\/l\/35x35\/black__78_494.gif",
"replace_main_gallery_image": "0",
"overlay_image": "0",
"base_image": "1",
"tooltip_image": "0"
}
},
"overlay_image_url": ""
}
}
},
"9389": {
"type": "drop_down",
"mageworx_option_gallery": "0",
"mageworx_option_image_mode": "0",
"sort_order": "5",
"values": {
"69574": {
"sort_order": "1"
},
"69575": {
"sort_order": "2"
},
"69576": {
"sort_order": "3"
},
"69577": {
"sort_order": "4"
},
"69578": {
"sort_order": "5"
},
"69579": {
"sort_order": "6"
},
"69580": {
"sort_order": "7"
}
}
}
},
"option_types": ["field", "area", "file", "drop_down", "radio", "checkbox", "multiple", "date", "date_time", "time"],
"render_images_for_option_types": ["drop_down", "radio", "checkbox", "multiple"],
"option_gallery_type": {
"disabled": 0,
"beside_option": 1,
"once_selected": 2
}
}));
} else {
var updaters = registry.get('mageworxOptionUpdaters');
if (!updaters) {
updaters = {};
}
updaters[60] = optionAdditionalImages({
"options": {
"9386": {
"type": "drop_down",
"mageworx_option_gallery": "0",
"mageworx_option_image_mode": "1",
"sort_order": "1",
"values": {
"69581": {
"sort_order": "4",
"images": {
"212527": {
"value_id": "212527",
"option_type_id": "69581",
"position": "1",
"file": "\/s\/t\/st4123_classico_journal_blue.jpg",
"label": "",
"custom_media_type": "image",
"color": "",
"disabled": "0",
"url": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/35x35\/st4123_classico_journal_blue.jpg",
"replace_main_gallery_image": "1",
"overlay_image": "0",
"base_image": "0",
"tooltip_image": "0",
"full": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/st4123_classico_journal_blue.jpg",
"img": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/st4123_classico_journal_blue.jpg",
"thumb": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/70x100\/st4123_classico_journal_blue.jpg"
},
"212528": {
"value_id": "212528",
"option_type_id": "69581",
"position": "2",
"file": "\/r\/o\/royal__121_182.gif",
"label": "",
"custom_media_type": "image",
"color": "",
"disabled": "0",
"url": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/r\/o\/35x35\/royal__121_182.gif",
"replace_main_gallery_image": "0",
"overlay_image": "0",
"base_image": "1",
"tooltip_image": "0"
}
},
"overlay_image_url": ""
},
"69582": {
"sort_order": "5",
"images": {
"212529": {
"value_id": "212529",
"option_type_id": "69582",
"position": "1",
"file": "\/s\/t\/st4123_classico_journal_black.jpg",
"label": "",
"custom_media_type": "image",
"color": "",
"disabled": "0",
"url": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/35x35\/st4123_classico_journal_black.jpg",
"replace_main_gallery_image": "1",
"overlay_image": "0",
"base_image": "0",
"tooltip_image": "0",
"full": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/st4123_classico_journal_black.jpg",
"img": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/st4123_classico_journal_black.jpg",
"thumb": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/s\/t\/70x100\/st4123_classico_journal_black.jpg"
},
"212530": {
"value_id": "212530",
"option_type_id": "69582",
"position": "2",
"file": "\/b\/l\/black__78_494.gif",
"label": "",
"custom_media_type": "image",
"color": "",
"disabled": "0",
"url": "https:\/\/www.artik.com\/media\/mageworx\/optionfeatures\/product\/option\/value\/b\/l\/35x35\/black__78_494.gif",
"replace_main_gallery_image": "0",
"overlay_image": "0",
"base_image": "1",
"tooltip_image": "0"
}
},
"overlay_image_url": ""
}
}
},
"9389": {
"type": "drop_down",
"mageworx_option_gallery": "0",
"mageworx_option_image_mode": "0",
"sort_order": "5",
"values": {
"69574": {
"sort_order": "1"
},
"69575": {
"sort_order": "2"
},
"69576": {
"sort_order": "3"
},
"69577": {
"sort_order": "4"
},
"69578": {
"sort_order": "5"
},
"69579": {
"sort_order": "6"
},
"69580": {
"sort_order": "7"
}
}
}
},
"option_types": ["field", "area", "file", "drop_down", "radio", "checkbox", "multiple", "date", "date_time", "time"],
"render_images_for_option_types": ["drop_down", "radio", "checkbox", "multiple"],
"option_gallery_type": {
"disabled": 0,
"beside_option": 1,
"once_selected": 2
}
});
registry.set('mageworxOptionUpdaters', updaters);
}
});
</script>
<script>
require(['jquery', 'optionFeatures', 'optionFeaturesIsDefault', 'uiRegistry'], function($, optionFeatures, optionFeaturesIsDefault, registry) {
var optionBase = registry.get('mageworxOptionBase');
if (optionBase) {
optionBase.addUpdater(10, optionFeatures({
"question_image": "https:\/\/www.artik.com\/static\/frontend\/Smartwave\/porto\/en_US\/MageWorx_OptionFeatures\/image\/question.png",
"value_description_enabled": true,
"option_description_enabled": true,
"option_description_mode": "1",
"option_description_modes": {
"disabled": 0,
"tooltip": 1,
"text": 2
},
"product_price_display_mode": "disabled",
"additional_product_price_display_mode": "final_price",
"shareable_link_hint_text": "Get the link to the product with selected options"
}));
optionBase.addUpdater(50, optionFeaturesIsDefault({
"is_default_values": []
}));
} else {
var updaters = registry.get('mageworxOptionUpdaters');
if (!updaters) {
updaters = {};
}
updaters[10] = optionFeatures({
"question_image": "https:\/\/www.artik.com\/static\/frontend\/Smartwave\/porto\/en_US\/MageWorx_OptionFeatures\/image\/question.png",
"value_description_enabled": true,
"option_description_enabled": true,
"option_description_mode": "1",
"option_description_modes": {
"disabled": 0,
"tooltip": 1,
"text": 2
},
"product_price_display_mode": "disabled",
"additional_product_price_display_mode": "final_price",
"shareable_link_hint_text": "Get the link to the product with selected options"
});
updaters[50] = optionFeaturesIsDefault({
"is_default_values": []
});
registry.set('mageworxOptionUpdaters', updaters);
}
});
</script>
</div>
</div>
<div class="product-options-bottom">
<div class="box-tocart">
<div class="fieldset">
<div class="field qty hide">
<label class="label" for="qty"><span>Qty:</span></label>
<div class="control">
<input type="number" name="qty" id="qty" maxlength="12" value="1" title="Qty" class="input-text qty"
data-validate="{"required-number":true,"validate-item-quantity":{"minAllowed":1,"maxAllowed":10000}}">
<div class="qty-changer">
<a href="javascript:void(0)" class="qty-inc"><i class="porto-icon-up-dir"></i></a>
<a href="javascript:void(0)" class="qty-dec"><i class="porto-icon-down-dir"></i></a>
</div>
</div>
</div>
<div class="actions">
<button type="submit" title="Add to Cart" class="action primary tocart mycart" id="product-addtocart-button">
<span class="customize addtocart">Add to Cart</span>
<!-- <span class="customize addtocartor">Or</span>-->
</button><span class="right-arrow"></span>
<div style="margin-left:auto;display:block;float:left;" class="customize tab-a tl-calc">
<a class="t-a" href="#panel">
<i class="fa fa-envelope"></i>
<span class="customizeitem">Contact us!</span>
</a>
<span class="tring"> </span>
</div>
<div class="price-box price-final_price" data-role="priceBox" data-product-id="9866" data-price-box="product-id-9866">
<span class="price-container price-final_price tax weee">
<span id="product-price-9866" data-price-amount="0" data-price-type="finalPrice" class="price-wrapper "><span class="price">CA$0.00</span></span>
<meta content="0">
<meta content="CAD">
</span>
</div>
<div id="instant-purchase" data-bind="scope:'instant-purchase'">
<!-- ko template: getTemplate() -->
<!-- ko if: showButton() --><!-- /ko -->
<!-- /ko -->
</div>
<div id="paypal-smart-button"></div>
</div>
<div class="moved-add-to-links">
<div class="product-addto-links" data-role="add-to-links">
<a href="#" class="action towishlist" data-post="{"action":"https:\/\/www.artik.com\/wishlist\/index\/add\/","data":{"product":9866,"uenc":"aHR0cHM6Ly93d3cuYXJ0aWsuY29tL2NsYXNzaWNvLWhhcmQtY292ZXItam91cm5hbC5odG1s"}}" data-action="add-to-wishlist"><span>Add to Wish List</span></a>
<a href="#" data-post="{"action":"https:\/\/www.artik.com\/catalog\/product_compare\/add\/","data":{"product":"9866","uenc":"aHR0cHM6Ly93d3cuYXJ0aWsuY29tL2NsYXNzaWNvLWhhcmQtY292ZXItam91cm5hbC5odG1s"}}" data-role="add-to-links" class="action tocompare"><span>Add to Compare</span></a>
</div>
</div>
<div class="box-to-cart-addmessage hide">Items added successfully</div>
</div>
</div>
<script>
require(['jquery', 'mage/mage', 'Magento_Catalog/product/view/validation', 'Magento_Catalog/js/catalog-add-to-cart'], function($) {
'use strict';
$('#product_addtocart_form').mage('validation', {
radioCheckboxClosest: '.nested',
submitHandler: function(form) {
var widget = $(form).catalogAddToCart({
bindSubmit: false
});
widget.catalogAddToCart('submitForm', $(form));
return false;
}
});
});
</script>
<script type="text/javascript">
require(['jquery'], function($) {
// Timer for LEFT time for Dailydeal product
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
function showRemaining(currentdate) {
var cid = 'countdown';
var startdateid = 'fromdate';
var id = 'todate';
var daysid = 'countdown_days';
var hoursid = 'countdown_hours';
var minutesid = 'countdown_minutes';
var secondsid = 'countdown_seconds';
var enddate = new Date($('#' + id).val());
var dealstartdate = new Date($('#' + startdateid).val());
// Get Current Date from magentodatetime
var currentdate = new Date(currentdate);
//Get Difference between Two dates
var distance = enddate - currentdate;
if (distance < 0) {
$('#expired').html("<div class='offermessage' >EXPIRED!</div>");
} else if (dealstartdate > currentdate) {
$('.countdowncontainer').hide();
var msg = "<div class='offermessage' > Coming Soon..<br>Deal Start at:<br>" + $('#' + startdateid).val() + "</div>";
$('#expired').html(msg);
} else {
var days = Math.floor(distance / _day);
var hours = Math.floor((distance % _day) / _hour);
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);
if (hours < 10) hours = "0" + hours;
if (minutes < 10) minutes = "0" + minutes;
if (seconds < 10) seconds = "0" + seconds;
$('.countdowncontainer').show();
$('#' + daysid).html(days);
$('#' + hoursid).html(hours);
$('#' + minutesid).html(minutes);
$('#' + secondsid).html(seconds);
}
}
//Set date as magentodatetime
var date = new Date('2024-01-30 21:29:55');
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();
var hours = date.getHours();
var minutes = "0" + date.getMinutes();
var seconds = "0" + date.getSeconds();
var fulldate = year + '-' + (month + 1) + '-' + day + ' ' + hours + ':' + minutes.substr(minutes.length - 2) + ':' + seconds.substr(seconds.length - 2);
// Set Interval
timer = setInterval(function() {
date.setSeconds(date.getSeconds() + 1);
var month = date.getMonth();
var currentdatetime = date.getFullYear() + "-" + (month + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
showRemaining(currentdatetime);
}, 1000);
});
</script>
<style>
#panel {
display: none;
border: 4px solid #0050b0;
}
.contacttitle {
font-size: 2.5em;
line-height: 1em;
padding: 30px 0 10px;
color: #0050b5;
}
.contactsubtitle {
margin: 2px 0 20px;
padding-top: 10px;
}
.pricecalculator-quote-fields {
padding: 20px;
margin: 10px 0 10px 0;
}
.pricecalculator-quote-fields p input {
height: 40px;
width: 100%;
border-color: #dedede;
margin: 10px 0
}
.btn_submit {
border: 2px solid #fc5f06;
color: #fff;
background-color: #fc5f06;
padding: 8px 30px;
font-weight: 700;
font-size: 18px;
font-family: Ubuntu, Arial, sans-serif;
tiransition: all .2s ease;
width: auto;
text-transform: uppercase
}
/*.box-tocart .action.tocart > span {*/
/* display: none;*/
/*}*/
#detailedpricing {
display: none;
}
#pricecalculator-result {
display: block !important;
}
/*#pricecalculator-result{display:none;margin:0;padding:20px;text-align:center;background-color:#fff;color:#777;border:3px dashed #0050b5;border-radius:7px}*/
.product-upload-button-action {
width: 200px;
height: 36px;
text-align: center;
padding: 10px;
display: block !important;
margin-top: 15px;
background-color: #0050b5;
border-radius: 5px;
color: #fff;
margin-bottom: 3px;
cursor: pointer;
}
</style>
<button class="action primary" type="button" id="btn_cntc"><span>Contact Us<i class="fa fa-angle-down"></i></span>
</button>
<a href="javascript:void(0);" id="detailedpricing">See Detailed Pricing <i class="fa fa-angle-down"></i></a>
<div id="panel">
<div class="contacttitle">Contact Us For More Information</div>
<div class="contactsubtitle">Send in this form and we will reply with friendly email</div>
<div class="product_contact_form">
<!-- <form id="email_form" name="email_form" action="/actions/mail-sender.php" method="post">-->
<input type="text" id="email_name" class="pricecalculator-quote-fields" placeholder="Name"> <span id="name_error"></span>
<br>
<input type="text" id="email_address" class="pricecalculator-quote-fields" placeholder="Email*"> <span style="color:#ff0000;" id="email_address_error"></span>
<br>
<textarea id="email_message" class="pricecalculator-quote-fields" placeholder="Approximate quantity & Message" style="height: 150px;"></textarea>
<span id="message_error"></span>
<br>
<label> </label>
<div class="product-contact-form-message-success success message" style="display: none;"></div>
<div class="product-upload-button">
<div class="field file uploadfilebox">
<div class="product-upload-button-action"><i class="fa fa-cloud-upload" aria-hidden="true"></i>
<span>Upload file</span>
</div>
<div class="control">
<p class="optional">(optional)</p>
<p class="note"> Compatible file extensions to upload: <strong>pdf, eps, ai, psd, tiff, cdr, png, jpg, jpeg, gif</strong>
</p>
</div>
</div>
</div>
<input type="button" id="contact_close" class="btn_close" value="Close">
<input type="button" id="contact_submit" class="btn_submit" value="Submit">
<br>
<!-- </form>-->
</div>
</div>
<div id="pricecalculator-result">
<div id="sum">
<table class="pricecalculator-result-table" style="text-align: left;">
<tbody>
<tr>
<td style="width: 150px;"> Classico - Hard Cover Journal </td>
<td style="width: 100px; text-align: left;">0 x $12.25 each</td>
<td style="width: 100px; text-align: left;"> $0.00</td>
</tr>
<tr>
<td style="text-align: left;">Setup Charges</td>
<td style=" text-align: left;"> 1 x $80.00 each</td>
<td style="text-align: left;"> $80.00</td>
</tr>
<tr>
<td style="text-align: left;">Total</td>
<td style=" text-align: left;"> </td>
<td style="text-align: left;"> $0.00</td>
</tr>
</tbody>
</table>
<div class="taxinfo">* Plus applicable taxes</div>
</div>
</div>
<script>
require(['jquery'], function($) {
$(document).ready(function() {
$("#detailedpricing").click(function() {
//$("#pricecalculator-result").slideDown("slow");
if ($('#pricecalculator-result').is(":hidden")) {
$('#pricecalculator-result').slideDown('slow', function() {
timer = setTimeout(function() {
$('.slide-out-div').slideUp("slow");
}, 5000);
});
} else {
$('#pricecalculator-result').slideUp('slow');
clearTimeout(timer);
}
$("#panel").slideUp();
});
//focus the cursor on the email address
$("#email_address").focus();
$(".customize.tab-a.tl-calc").click(function() {
$("#pricecalculator-result").removeAttr('style');
});
});
});
</script>
<script>
require(['jquery', 'optionDependency', 'uiRegistry'], function($, optionDependency, registry) {
var optionBase = registry.get('mageworxOptionBase');
if (optionBase) {
optionBase.addUpdater(40, optionDependency({
"isAdmin": false,
"optionToValueMap": {
"9386": ["69581", "69582"],
"9389": ["69574", "69575", "69576", "69577", "69578", "69579", "69580"]
},
"valueToOptionMap": {
"69581": "9386",
"69582": "9386",
"69574": "9389",
"69575": "9389",
"69576": "9389",
"69577": "9389",
"69578": "9389",
"69579": "9389",
"69580": "9389"
},
"optionTypes": {
"9386": "drop_down",
"9388": "field",
"9389": "drop_down",
"18921": "field"
},
"optionRequiredConfig": {
"9386": false,
"9389": false,
"9388": false,
"18921": false
},
"selectedValues": [],
"hiddenOptions": [],
"hiddenValues": [],
"dependencyRulesJson": "[]"
}));
} else {
var updaters = registry.get('mageworxOptionUpdaters');
if (!updaters) {
updaters = {};
}
updaters[40] = optionDependency({
"isAdmin": false,
"optionToValueMap": {
"9386": ["69581", "69582"],
"9389": ["69574", "69575", "69576", "69577", "69578", "69579", "69580"]
},
"valueToOptionMap": {
"69581": "9386",
"69582": "9386",
"69574": "9389",
"69575": "9389",
"69576": "9389",
"69577": "9389",
"69578": "9389",
"69579": "9389",
"69580": "9389"
},
"optionTypes": {
"9386": "drop_down",
"9388": "field",
"9389": "drop_down",
"18921": "field"
},
"optionRequiredConfig": {
"9386": false,
"9389": false,
"9388": false,
"18921": false
},
"selectedValues": [],
"hiddenOptions": [],
"hiddenValues": [],
"dependencyRulesJson": "[]"
});
registry.set('mageworxOptionUpdaters', updaters);
}
});
</script>
</div>
</form>
POST
<form action="" method="post" class="hidden-contactform" enctype="multipart/form-data" style="display: none;">
<input type="text" name="name" class="hidden-contactform-name">
<input type="text" name="email" class="hidden-contactform-from">
<textarea name="comment" class="hidden-contactform-msg"></textarea>
<textarea name="product" class="hidden-contactform-currentproducttext"></textarea>
<textarea name="cart" class="hidden-contactform-carttextdata"></textarea>
</form>
POST
<form class="form form-login" method="post" data-bind="event: {submit: login }" id="login-form">
<div class="fieldset login" data-bind="attr: {'data-hasrequired': $t('* Required Fields')}" data-hasrequired="* Required Fields">
<div class="field email required">
<label class="label" for="customer-email"><span data-bind="i18n: 'Email Address'">Email Address</span></label>
<div class="control">
<input name="username" id="customer-email" type="email" class="input-text" data-mage-init="{"mage/trim-input":{}}" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true, 'validate-email':true}"
autocomplete="off">
</div>
</div>
<div class="field password required">
<label for="pass" class="label"><span data-bind="i18n: 'Password'">Password</span></label>
<div class="control">
<input name="password" type="password" class="input-text" id="pass" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true}" autocomplete="off">
</div>
</div>
<!-- ko foreach: getRegion('additional-login-form-fields') -->
<!-- ko template: getTemplate() -->
<input name="captcha_form_id" type="hidden" data-bind="value: formId, attr: {'data-scope': dataScope}" value="user_login" data-scope="">
<!-- ko if: (isRequired() && getIsVisible())--><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<div class="actions-toolbar">
<input name="context" type="hidden" value="checkout">
<div class="primary">
<button type="submit" class="action action-login secondary" name="send" id="send2">
<span data-bind="i18n: 'Sign In'">Sign In</span>
</button>
</div>
<div class="secondary">
<a class="action" data-bind="attr: {href: forgotPasswordUrl}" href="https://www.artik.com/customer/account/forgotpassword/">
<span data-bind="i18n: 'Forgot Your Password?'">Forgot Your Password?</span>
</a>
</div>
</div>
</div>
</form>
Text Content
The store will not work correctly in the case when cookies are disabled. JavaScript seems to be disabled in your browser. For the best experience on our site, be sure to turn on Javascript in your browser. Contact us Log In Create an account About us Blog Language How it works * Process * Screen Print * Embroidery * Names/Numbers * Design Online * FAQ Mon-Fri 9 to 6 Call Us! 416-815-7770 Toll Free 1-866-909-9161 Email : info@artik.com Toggle Nav Search Search Advanced Search Search Contact Us Cart 0 items My Cart Close You have no items in your shopping cart. Menu * Custom T-Shirts * Classic T-Shirts * Bella+Canvas T-Shirts * Athletic T-Shirts * Tank Tops * Long Sleeve T-Shirts * V-Neck Shirts * American Apparel T-Shirts * Youth & Baby T-Shirts * Apparel * T-Shirts * Sweatshirts & Hoodies * Golf Shirts * Jackets * Premium Brands Apparel * Canadian Made * Dress Shirts * Safety Jackets & Safety Wear * Aprons * Scarfs/Gloves * Socks * Bathrobes * Chef Uniforms * Lab Coats & Scrubs * Sports Uniforms * Baseball Uniforms * Hockey Jerseys * Basketball Uniforms * Soccer Uniforms * Football Jerseys * Volleyball Uniforms * Rugby Shirts * Bowling Shirts * Cycling Jerseys * Names + Numbers * Totes & Bags * Canvas Econo Bags * Non-Woven Tote Bags * Laminated Recycled Tote Bags * Drawstring Bags * Laundry Bags * Backpacks * Sports Bags & Duffels * Cooler Bags * Headwear * Fitted Hats * Snapback Hats * Velcro Back/Self Closure Hats * Performance Hats * Trucker Hats * Dad Hats * Bandanas * Visors And Bucket Hats * Toques & Scarves * Face Masks * Drinkware * Ceramic Mugs * Premium Brands Water Bottles * Stainless Steel & Vacuum Insulated Bottles * Plastic & Glass Bottles * Travel Mugs * Glassware * Reusable Straws * Paper And Plastic Cups * Paper Products * Journals & Notebooks * Stickers * Paper Cubes * Notepads (Non-Adhesive) * Notepads (Post-it) * Notepads (Die-Cut) * Office & Tech * Pens + Writing Instruments * Tech Products, Speakers & Headsets * Desk Accessories * Mouse Pads * Gift Set Ideas * USB Drives & Power Banks * Trade Shows Accessories * Retractable Banners * Tablecloths * Wind Flags * Lanyards * Banners with Grommets * Trade Show Tents * Badge Holders * All Promo Products * Awards * Badges (Name Tags) * Badge Holders * Balloons * Binders * Blankets * Buttons (Pin Back) * Carabiners * Candy * Chocolates * Dog Tags * First Aid + Survival Kits * Flags * Flip Flops * Flashlights * Frisbees * Foam Products * Golf Balls * Golf Accessories * Handheld Fans * Hand Sanitizer * Keychains * Knives * Lanyards * Lapel Pins * Lighters * Lip Balm * Magnets * Medals * Mouse Pads * Nail Files * Napkins (Paper) * Patches & Crests * Party Favours * Pennants * Pens + Writing Instruments * Playing Cards * Ribbons * Stickers * Stress Balls * Sunglasses * Tape Measures * Temporary Tattoos * Towels * Umbrellas * USB Flash Drives * Wristbands * Yoga Accessories Account * Home * Classico - Hard Cover Journal Skip to the end of the images gallery Classico - Hard Cover Journal Classico - Hard Cover Journal Classico - Hard Cover Journal Skip to the beginning of the images gallery CLASSICO - HARD COVER JOURNAL Style ST4123 Vinyl hard cover with an interior gusseted pocket on back inside cover and 160 ivory lined, perforated pages (non-refillable) Vinyl hard cover with an interior gusseted pocket on back inside cover and 160 ivory lined, perforated pages (non-refillable) Availability: In stock Pricing Description Testimonials Art Info Similar Contact us about this product Or select options below for an instant quote: Choose item colour -- Please Select --BlueBlack Select the design location & number of design colours Front Colour(s): -- Please Select --1234567 Enter Quantities: Minimum Quantity: 95 Qty: Add to Cart Contact us! CA$0.00 Add to Wish List Add to Compare Items added successfully Contact Us See Detailed Pricing Contact Us For More Information Send in this form and we will reply with friendly email Upload file (optional) Compatible file extensions to upload: pdf, eps, ai, psd, tiff, cdr, png, jpg, jpeg, gif Classico - Hard Cover Journal 0 x $12.25 each $0.00Setup Charges 1 x $80.00 each $80.00Total $0.00 * Plus applicable taxes Minimum Quantity: 1 Price Qty (Coloured) 95 - 149 150 - 249 250 - 499 500 - 999 1000 - and more Price each $12.25 $12.00 $11.50 $11.25 $11.00 Setup charges $80.00 $80.00 $80.00 $80.00 $80.00 Additional location add $1.00 $1.00 $1.00 $1.00 $1.00 Each additional colour $1.00 $1.00 $1.00 $1.00 $1.00 Description Product Details * Size: 5.125" W x 8.25" H * Vinyl hard cover * Interior gusseted pocket on back inside cover * 160 ivory lined * Perforated pages (non-refillable) * Price includes one colour imprint at one location Best Decorating Process Screen Printing: 2.5" x 3" (Centered front between edge and elastic) Estimated Production Time 7-10 business days from artwork approval. Rush service available! More Information More Information Vendor Code 540 Art Info ART GUIDELINES Our goal is to use your art file to create the best print possible. Contact info@artik.com and we'll help answer your design questions. STANDARD PANTONE COLOURS Please provide us with PMS# (solid coated). We can match an exact ink for an additional fee. BLEED Please always include at least 0.25" bleed on all sides. SENDING US YOUR FILE Send us your design as a vector file or a high-quality image file. We'll accept any of the file types below: ADOBE ILLUSTRATOR FILES .AI • Illustrator files are vector - top quality. • Please convert all fonts (type) to outline. • Save the file as .EPS for maximum compatibility ADOBE PHOTOSHOP FILES .PSD • Keep file size below 6MB if possible. • Photoshop files are best at 300 DPI or higher. • Send the .psd file with Layers. COREL DRAW FILES .CDR • Corel Draw files are great! • Be sure to convert all fonts (type) to outlines. IMAGE FILES .JPG OR .PNG • Image files need to be high quality. • Save the image as 300 DPI at actual print size. PDF • Save your file as a PDF to reduce file size. • Only have a Word Document of your artwork? Send us a PDF and we'll help recreate the design. NEED HELP? We recommend that you or your graphic designer supply us with art that is ready to print. If you can't supply a high resolution file, our Art Department staff will help re-create at $30 per half an hour. WHAT IS A VECTOR FILE? Vector files use lines, curves and shapes to create an image based on mathematical formulas. Advantage of Vector: Vector designs can be enlarged without getting pixelated or blurry. Disadvantage of Vector: Photographs and images usually can't be vectorized. Vector is best for shapes and text. Which programs use Vector? Adobe Illustrator and Corel Draw are two popular vector art programs. Common Vector Problem: Missing Font Solution 1: If you are using a rare font, send us the font file (.ttf) with your vector design file (.ai .cdr) Solution 2: Alternatively, send us a copy of your file with all fonts converted to curves (outlined). Be sure to save the original under a different name in case you want to edit the text later on. WHAT IS A RASTER FILE? Raster files use pixels to display an image. Advantage of Raster: Raster files are good for photographs. It can print well when you set your image size and quality high. Disadvantage of Raster: Raster files can look blurry when enlarged. Be sure to save at high quality from the start. Which programs use Raster? Adobe Photoshop is a popular raster program. Most images online are raster files as well. Common Raster Problem: Low Quality Image Solution 1: Send a Higher Quality Image When creating a new document in Photoshop, select Image > Image Size and set the quality to 300 DPI. Note that enlarging a low quality jpg will not increase the quality. Once you have a higher quality image, send it to us! Solution 2: Hire our Designer For $30 per half hour, one of our Graphic Designers will help re-create your design. Testimonials We found other products you might like! Kelowna Cardboard Notebook $2.92 - $4.54 Neoskin - Hard Cover Journal $10.95 - $13.00 Linen - Soft Cover Journal $5.50 - $6.75 Pal Pocket Jotter $2.70 - $3.25 BE THE FIRST TO KNOW Get all the latest information on Events, Sales and Offers. Sign up for newsletter today. From design to reality Resources * Artwork Guidelines * Blog * Design Online * Subscribe The company * About us * Contact us * My account * Terms and Conditions * Privacy Policy * Shipping and Delivery * Production Time Contact Artik * Address: 314 Adelaide St E, Toronto M5A 1N1 * Phone: 416-815-7770 * Email: info@artik.com * Working Days/Hours: Mon - Fri / 9:00AM - 6:00PM * * * * * © 1985 - 2023 Artik. All rights reserved. Close Checkout as a new customer Creating an account has many benefits: * See order and shipping status * Track order history * Check out faster Create an Account Checkout using your account Email Address Password Sign In Forgot Your Password?