Notice (8)APP/Controller/AppController.php , line 1287 ]Code Context } else { if ( $locationMarkType == DeliveryArea :: MAP ) { if ( $this -> website -> user -> delivery_area == DeliveryArea :: ISLAND_WIDE ){ $event = object(Cake\Event\Event) {
result => null
[protected] _name => 'Controller.initialize'
[protected] _subject => object(App\Controller\WebsitesController) {}
[protected] _data => []
[protected] _stopped => false
}
$session = object(Cake\Network\Session) {
[protected] _engine => null
[protected] _started => true
[protected] _lifetime => '259200'
[protected] _isCLI => false
}
$loggedUserId = null
$loggedUserType = null
$referralCode = null
$httpHost = 'stgsite156.lakshop.lk'
$httpHostWithWWW = 'www.stgsite156.lakshop.lk'
$lakshopUrl = 'stg.lakshop.lk'
$isShopOwner = false
$websiteTable = object(App\Model\Table\WebsitesTable) {
'registryAlias' => 'Websites',
'table' => 'websites',
'alias' => 'Websites',
'entityClass' => 'App\Model\Entity\Website',
'associations' => [
(int) 0 => 'vendoravailabilities',
(int) 1 => 'shippingcostsdistricttodistricts',
(int) 2 => 'customtextmenus',
(int) 3 => 'templates',
(int) 4 => 'domainlinkqueue',
(int) 5 => 'websiterenewalemails',
(int) 6 => 'websiterenewals',
(int) 7 => 'businesses',
(int) 8 => 'users',
(int) 9 => 'enquiries',
(int) 10 => 'mainbanners',
(int) 11 => 'sidebanners',
(int) 12 => 'payments',
(int) 13 => 'products',
(int) 14 => 'vendorproducts',
(int) 15 => 'productcategories',
(int) 16 => 'productsubcategories',
(int) 17 => 'productsupersubcategories',
(int) 18 => 'services',
(int) 19 => 'vendorservices',
(int) 20 => 'servicecategories',
(int) 21 => 'servicesubcategories',
(int) 22 => 'portfolios',
(int) 23 => 'additionalsections',
(int) 24 => 'additionalsectionitems',
(int) 25 => 'testimonials',
(int) 26 => 'donations',
(int) 27 => 'cartitems',
(int) 28 => 'vendoraccounts',
(int) 29 => 'businesscategories',
(int) 30 => 'paymentmethods',
(int) 31 => 'todoitems',
(int) 32 => 'orders',
(int) 33 => 'websitearticles',
(int) 34 => 'customheader',
(int) 35 => 'customslider',
(int) 36 => 'paymentgateways',
(int) 37 => 'websitespaymentgateways',
(int) 38 => 'paymentservices',
(int) 39 => 'websitespaymentservices',
(int) 40 => 'supportpurchases',
(int) 41 => 'documents',
(int) 42 => 'modules',
(int) 43 => 'customerinvoiceitemtemplates',
(int) 44 => 'smscredits',
(int) 45 => 'smsreports',
(int) 46 => 'brands',
(int) 47 => 'productmodels',
(int) 48 => 'websitesettings',
(int) 49 => 'courierparams',
(int) 50 => 'donationamounts',
(int) 51 => 'clients',
(int) 52 => 'couriercompanies',
(int) 53 => 'features',
(int) 54 => 'pricings',
(int) 55 => 'websitescouriercompanies',
(int) 56 => 'websitesmodules'
],
'behaviors' => [
(int) 0 => 'Timestamp',
(int) 1 => 'Proffer'
],
'defaultConnection' => 'default',
'connectionName' => 'default'
}
$website = object(App\Model\Entity\Website) {
'id' => (int) 156,
'force_ssl' => (int) 0,
'domain_name' => 'stgsite156.lakshop.lk',
'domain_name_alias' => null,
'published' => (int) 1,
'payment_made' => (int) 0,
'[new]' => false,
'[accessible]' => [
'*' => true,
'id' => false,
'payment_made' => false,
'website_type' => false,
'domain_name' => false,
'domain_name_alias' => false,
'domain_dns_key' => false,
'domain_verified' => false,
'sample' => false,
'auto_login_code' => false,
'suspended' => false,
'sms_credit_id' => false,
'user_id' => false,
'expiry_date' => false,
'template_id' => false
],
'[dirty]' => [],
'[original]' => [],
'[virtual]' => [
(int) 0 => 'logo_base_path',
(int) 1 => 'logo_prefixes',
(int) 2 => 'favicon_base_path',
(int) 3 => 'favicon_prefixes',
(int) 4 => 'main_image_base_path',
(int) 5 => 'main_image_prefixes',
(int) 6 => 'contact_bg_image_base_path',
(int) 7 => 'contact_bg_image_prefixes',
(int) 8 => 'is_discounted',
(int) 9 => 'website_theme_colour',
(int) 10 => 'website_domain'
],
'[errors]' => [],
'[invalid]' => [],
'[repository]' => 'Websites'
}
$websiteId = (int) 156
$autoLoginCode = null
$remberMeCode = null
$websiteSettingsModel = object(App\Model\Table\WebsiteSettingsTable) {
'registryAlias' => 'WebsiteSettings',
'table' => 'website_settings',
'alias' => 'WebsiteSettings',
'entityClass' => 'App\Model\Entity\WebsiteSetting',
'associations' => [
(int) 0 => 'websites'
],
'behaviors' => [],
'defaultConnection' => 'default',
'connectionName' => 'default'
}
$websiteSettings = object(App\Model\Entity\WebsiteSetting) {
'id' => (int) 23,
'website_id' => (int) 156,
'user_reg_sms_validation' => (int) 0,
'vendor_reg_method' => 'USERNAME',
'auto_activate_vendors' => (int) 0,
'auto_activate_customers' => (int) 1,
'auto_approve_vendors' => (int) 0,
'auto_approve_vendor_products' => (int) 0,
'pre_approve_vendors' => (int) 0,
'pre_approve_products' => (int) 0,
'vendor_bank_account_required' => (int) 1,
'buyers_can_register' => (int) 1,
'sellers_can_register' => (int) 0,
'courier_can_register' => (int) 0,
'product_based_owner_commission' => (int) 0,
'staff_members' => (int) 0,
'make_model_based_products' => (int) 1,
'show_custom_product_field_1_in_home' => (int) 0,
'show_custom_product_field_2_in_home' => (int) 0,
'show_custom_product_field_3_in_home' => (int) 0,
'single_shipping_location' => (int) 1,
'product_weight_is_important_to_show' => (int) 0,
'location_mark_type' => 'CITY',
'international_shipping' => (int) 0,
'usd_rate' => (float) 230,
'show_product_price_to_public' => (int) 1,
'customer_auto_activate' => (int) 1,
'show_order_id_qr_in_confirmation_email' => (int) 0,
'show_order_user_details_qr_in_confirmation_email' => (int) 0,
'contact_us_popup' => null,
'show_google_translate' => (int) 0,
'text_to_speech_product_desc' => (int) 0,
'show_lakshop_branding' => (int) 1,
'product_img_watermark_opacity' => null,
'subscriptions_enable' => (int) 0,
'append_blog_in_content_min' => (int) 0,
'append_gallery_in_content_min' => (int) 0,
'append_subscription_box_in_content_min' => (int) 0,
'append_featured_products_in_content_min' => (int) 0,
'show_sl_map_in_home' => (int) 0,
'[new]' => false,
'[accessible]' => [
'website_id' => true,
'user_reg_sms_validation' => true,
'website' => true,
'usd_rate' => true,
'contact_us_popup' => true,
'product_img_watermark_opacity' => true,
'subscriptions_enable' => true,
'append_blog_in_content_min' => true,
'append_gallery_in_content_min' => true,
'append_subscription_box_in_content_min' => true,
'append_featured_products_in_content_min' => true,
'show_sl_map_in_home' => true
],
'[dirty]' => [],
'[original]' => [],
'[virtual]' => [],
'[errors]' => [],
'[invalid]' => [],
'[repository]' => 'WebsiteSettings'
}
$deliveryAvailableDistricts = []
$buyerMarkedPoints = []
$buyerMapGridId = null
$buyerAddress = ',,'
$userCountryId = (int) 200
$visitorCityId = (int) 12
$visitorCountryId = (int) 200
$visitorDistrictId = (int) 1
$visitorPostCode = '00000' App\Controller\AppController::beforeFilter() - APP/Controller/AppController.php, line 1287
App\Controller\WebsitesController::beforeFilter() - APP/Controller/WebsitesController.php, line 55
Cake\Event\EventManager::_callListener() - CORE/src/Event/EventManager.php, line 416
Cake\Event\EventManager::dispatch() - CORE/src/Event/EventManager.php, line 393
Cake\Controller\Controller::dispatchEvent() - CORE/src/Event/EventDispatcherTrait.php, line 110
Cake\Controller\Controller::startupProcess() - CORE/src/Controller/Controller.php, line 502
Cake\Http\ActionDispatcher::_invoke() - CORE/src/Http/ActionDispatcher.php, line 114
Cake\Http\ActionDispatcher::dispatch() - CORE/src/Http/ActionDispatcher.php, line 93
Cake\Http\BaseApplication::__invoke() - CORE/src/Http/BaseApplication.php, line 108
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Routing\Middleware\RoutingMiddleware::__invoke() - CORE/src/Routing/Middleware/RoutingMiddleware.php, line 104
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Routing\Middleware\AssetMiddleware::__invoke() - CORE/src/Routing/Middleware/AssetMiddleware.php, line 88
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Error\Middleware\ErrorHandlerMiddleware::__invoke() - CORE/src/Error/Middleware/ErrorHandlerMiddleware.php, line 98
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Http\Runner::run() - CORE/src/Http/Runner.php, line 51 Notice (8)APP/Controller/WebsitesController.php , line 4383 ]Code Context $products = $this -> Websites -> getWebsiteProducts ( $productsInitialPageSize , '1' , $this -> websiteId , $this -> website -> multi_vendor_enabled ,@ $dataFilter ,@ $vendorId , $selectedProductCategoryId , $selectedProductSubCategoryId , $selectedProductSuperSubCategoryId ,@ $selectedBrandId ,@ $selectedModelId ,@ $selectedYear , $searchQuery ,@ $selectedDistrictId ); $vendorId = null
$productConditionArr = [
'Products.active' => (int) 1,
'Products.website_id' => (int) 156,
(int) 1 => [
'OR' => [
(int) 0 => [
[maximum depth reached]
],
(int) 1 => [
[maximum depth reached]
],
(int) 2 => [
[maximum depth reached]
]
]
],
'Products.product_category_id' => '120'
]
$selectedProductCategoryId = '120'
$selectedProductSubCategoryId = null
$selectedProductSuperSubCategoryId = null
$selectedBrandId = null
$selectedModelId = null
$selectedYear = null
$productCategories = object(Cake\ORM\Query) {
'(help)' => 'This is a Query object, to get the results execute or iterate it.',
'sql' => 'SELECT ProductCategories.id AS `ProductCategories__id`, ProductCategories.name AS `ProductCategories__name`, ProductCategories.photo AS `ProductCategories__photo`, ProductCategories.photo_dir AS `ProductCategories__photo_dir`, ProductCategories.large_photo AS `ProductCategories__large_photo`, ProductCategories.large_photo_dir AS `ProductCategories__large_photo_dir`, ProductCategories.discount_percentage AS `ProductCategories__discount_percentage`, ProductCategories.discount_value AS `ProductCategories__discount_value`, ProductCategories.website_id AS `ProductCategories__website_id`, ProductCategories.created AS `ProductCategories__created`, ProductCategories.created_by AS `ProductCategories__created_by`, ProductCategories.modified AS `ProductCategories__modified`, ProductCategories.modified_by AS `ProductCategories__modified_by`, ProductCategories.sort_order AS `ProductCategories__sort_order`, ProductCategories.enabled AS `ProductCategories__enabled`, ProductCategories.show_in_home_page AS `ProductCategories__show_in_home_page`, ProductCategories.custom_field_1_label AS `ProductCategories__custom_field_1_label`, ProductCategories.custom_field_2_label AS `ProductCategories__custom_field_2_label`, ProductCategories.custom_field_3_label AS `ProductCategories__custom_field_3_label`, ProductCategories.custom_field_4_label AS `ProductCategories__custom_field_4_label`, ProductCategories.custom_field_5_label AS `ProductCategories__custom_field_5_label` FROM product_categories ProductCategories WHERE ProductCategories.website_id = :c0',
'params' => [
':c0' => [
[maximum depth reached]
]
],
'defaultTypes' => [
'ProductCategories__id' => 'biginteger',
'ProductCategories.id' => 'biginteger',
'id' => 'biginteger',
'ProductCategories__name' => 'string',
'ProductCategories.name' => 'string',
'name' => 'string',
'ProductCategories__photo' => 'proffer.file',
'ProductCategories.photo' => 'proffer.file',
'photo' => 'proffer.file',
'ProductCategories__photo_dir' => 'string',
'ProductCategories.photo_dir' => 'string',
'photo_dir' => 'string',
'ProductCategories__large_photo' => 'proffer.file',
'ProductCategories.large_photo' => 'proffer.file',
'large_photo' => 'proffer.file',
'ProductCategories__large_photo_dir' => 'string',
'ProductCategories.large_photo_dir' => 'string',
'large_photo_dir' => 'string',
'ProductCategories__discount_percentage' => 'decimal',
'ProductCategories.discount_percentage' => 'decimal',
'discount_percentage' => 'decimal',
'ProductCategories__discount_value' => 'decimal',
'ProductCategories.discount_value' => 'decimal',
'discount_value' => 'decimal',
'ProductCategories__website_id' => 'biginteger',
'ProductCategories.website_id' => 'biginteger',
'website_id' => 'biginteger',
'ProductCategories__created' => 'datetime',
'ProductCategories.created' => 'datetime',
'created' => 'datetime',
'ProductCategories__created_by' => 'biginteger',
'ProductCategories.created_by' => 'biginteger',
'created_by' => 'biginteger',
'ProductCategories__modified' => 'datetime',
'ProductCategories.modified' => 'datetime',
'modified' => 'datetime',
'ProductCategories__modified_by' => 'biginteger',
'ProductCategories.modified_by' => 'biginteger',
'modified_by' => 'biginteger',
'ProductCategories__sort_order' => 'integer',
'ProductCategories.sort_order' => 'integer',
'sort_order' => 'integer',
'ProductCategories__enabled' => 'integer',
'ProductCategories.enabled' => 'integer',
'enabled' => 'integer',
'ProductCategories__show_in_home_page' => 'integer',
'ProductCategories.show_in_home_page' => 'integer',
'show_in_home_page' => 'integer',
'ProductCategories__custom_field_1_label' => 'string',
'ProductCategories.custom_field_1_label' => 'string',
'custom_field_1_label' => 'string',
'ProductCategories__custom_field_2_label' => 'string',
'ProductCategories.custom_field_2_label' => 'string',
'custom_field_2_label' => 'string',
'ProductCategories__custom_field_3_label' => 'string',
'ProductCategories.custom_field_3_label' => 'string',
'custom_field_3_label' => 'string',
'ProductCategories__custom_field_4_label' => 'string',
'ProductCategories.custom_field_4_label' => 'string',
'custom_field_4_label' => 'string',
'ProductCategories__custom_field_5_label' => 'string',
'ProductCategories.custom_field_5_label' => 'string',
'custom_field_5_label' => 'string',
'ProductSubCategories__id' => 'biginteger',
'ProductSubCategories.id' => 'biginteger',
'ProductSubCategories__name' => 'string',
'ProductSubCategories.name' => 'string',
'ProductSubCategories__description' => 'string',
'ProductSubCategories.description' => 'string',
'description' => 'string',
'ProductSubCategories__product_category_id' => 'biginteger',
'ProductSubCategories.product_category_id' => 'biginteger',
'product_category_id' => 'biginteger',
'ProductSubCategories__discount_percentage' => 'decimal',
'ProductSubCategories.discount_percentage' => 'decimal',
'ProductSubCategories__discount_value' => 'decimal',
'ProductSubCategories.discount_value' => 'decimal',
'ProductSubCategories__website_id' => 'biginteger',
'ProductSubCategories.website_id' => 'biginteger',
'ProductSubCategories__photo' => 'proffer.file',
'ProductSubCategories.photo' => 'proffer.file',
'ProductSubCategories__photo_dir' => 'string',
'ProductSubCategories.photo_dir' => 'string',
'ProductSubCategories__created' => 'datetime',
'ProductSubCategories.created' => 'datetime',
'ProductSubCategories__created_by' => 'biginteger',
'ProductSubCategories.created_by' => 'biginteger',
'ProductSubCategories__modified' => 'datetime',
'ProductSubCategories.modified' => 'datetime',
'ProductSubCategories__modified_by' => 'biginteger',
'ProductSubCategories.modified_by' => 'biginteger',
'ProductSubCategories__custom_field_1_label' => 'string',
'ProductSubCategories.custom_field_1_label' => 'string',
'ProductSubCategories__custom_field_2_label' => 'string',
'ProductSubCategories.custom_field_2_label' => 'string',
'ProductSubCategories__custom_field_3_label' => 'string',
'ProductSubCategories.custom_field_3_label' => 'string',
'ProductSubCategories__custom_field_4_label' => 'string',
'ProductSubCategories.custom_field_4_label' => 'string',
'ProductSubCategories__custom_field_5_label' => 'string',
'ProductSubCategories.custom_field_5_label' => 'string',
'ProductSuperSubCategories__id' => 'biginteger',
'ProductSuperSubCategories.id' => 'biginteger',
'ProductSuperSubCategories__product_sub_category_id' => 'biginteger',
'ProductSuperSubCategories.product_sub_category_id' => 'biginteger',
'product_sub_category_id' => 'biginteger',
'ProductSuperSubCategories__website_id' => 'biginteger',
'ProductSuperSubCategories.website_id' => 'biginteger',
'ProductSuperSubCategories__discount_percentage' => 'decimal',
'ProductSuperSubCategories.discount_percentage' => 'decimal',
'ProductSuperSubCategories__discount_value' => 'decimal',
'ProductSuperSubCategories.discount_value' => 'decimal',
'ProductSuperSubCategories__name' => 'string',
'ProductSuperSubCategories.name' => 'string',
'ProductSuperSubCategories__photo' => 'proffer.file',
'ProductSuperSubCategories.photo' => 'proffer.file',
'ProductSuperSubCategories__photo_dir' => 'string',
'ProductSuperSubCategories.photo_dir' => 'string',
'ProductSuperSubCategories__created' => 'datetime',
'ProductSuperSubCategories.created' => 'datetime',
'ProductSuperSubCategories__created_by' => 'biginteger',
'ProductSuperSubCategories.created_by' => 'biginteger',
'ProductSuperSubCategories__modified' => 'datetime',
'ProductSuperSubCategories.modified' => 'datetime',
'ProductSuperSubCategories__modified_by' => 'biginteger',
'ProductSuperSubCategories.modified_by' => 'biginteger',
'ProductSuperSubCategories__custom_field_1_label' => 'string',
'ProductSuperSubCategories.custom_field_1_label' => 'string',
'ProductSuperSubCategories__custom_field_2_label' => 'string',
'ProductSuperSubCategories.custom_field_2_label' => 'string',
'ProductSuperSubCategories__custom_field_3_label' => 'string',
'ProductSuperSubCategories.custom_field_3_label' => 'string',
'ProductSuperSubCategories__custom_field_4_label' => 'string',
'ProductSuperSubCategories.custom_field_4_label' => 'string',
'ProductSuperSubCategories__custom_field_5_label' => 'string',
'ProductSuperSubCategories.custom_field_5_label' => 'string'
],
'decorators' => (int) 0,
'executed' => false,
'hydrate' => true,
'buffered' => true,
'formatters' => (int) 0,
'mapReducers' => (int) 0,
'contain' => [
'ProductSubCategories' => [
[maximum depth reached]
]
],
'matching' => [],
'extraOptions' => [],
'repository' => object(App\Model\Table\ProductCategoriesTable) {}
}
$serviceCategories = object(Cake\ORM\Query) {
'(help)' => 'This is a Query object, to get the results execute or iterate it.',
'sql' => 'SELECT ServiceCategories.id AS `ServiceCategories__id`, ServiceCategories.name AS `ServiceCategories__name`, ServiceCategories.photo AS `ServiceCategories__photo`, ServiceCategories.photo_dir AS `ServiceCategories__photo_dir`, ServiceCategories.large_photo AS `ServiceCategories__large_photo`, ServiceCategories.large_photo_dir AS `ServiceCategories__large_photo_dir`, ServiceCategories.website_id AS `ServiceCategories__website_id`, ServiceCategories.created AS `ServiceCategories__created`, ServiceCategories.created_by AS `ServiceCategories__created_by`, ServiceCategories.modified AS `ServiceCategories__modified`, ServiceCategories.modified_by AS `ServiceCategories__modified_by` FROM service_categories ServiceCategories WHERE ServiceCategories.website_id = :c0',
'params' => [
':c0' => [
[maximum depth reached]
]
],
'defaultTypes' => [
'ServiceCategories__id' => 'biginteger',
'ServiceCategories.id' => 'biginteger',
'id' => 'biginteger',
'ServiceCategories__name' => 'string',
'ServiceCategories.name' => 'string',
'name' => 'string',
'ServiceCategories__photo' => 'proffer.file',
'ServiceCategories.photo' => 'proffer.file',
'photo' => 'proffer.file',
'ServiceCategories__photo_dir' => 'string',
'ServiceCategories.photo_dir' => 'string',
'photo_dir' => 'string',
'ServiceCategories__large_photo' => 'proffer.file',
'ServiceCategories.large_photo' => 'proffer.file',
'large_photo' => 'proffer.file',
'ServiceCategories__large_photo_dir' => 'string',
'ServiceCategories.large_photo_dir' => 'string',
'large_photo_dir' => 'string',
'ServiceCategories__website_id' => 'biginteger',
'ServiceCategories.website_id' => 'biginteger',
'website_id' => 'biginteger',
'ServiceCategories__created' => 'datetime',
'ServiceCategories.created' => 'datetime',
'created' => 'datetime',
'ServiceCategories__created_by' => 'biginteger',
'ServiceCategories.created_by' => 'biginteger',
'created_by' => 'biginteger',
'ServiceCategories__modified' => 'datetime',
'ServiceCategories.modified' => 'datetime',
'modified' => 'datetime',
'ServiceCategories__modified_by' => 'biginteger',
'ServiceCategories.modified_by' => 'biginteger',
'modified_by' => 'biginteger',
'ServiceSubCategories__id' => 'biginteger',
'ServiceSubCategories.id' => 'biginteger',
'ServiceSubCategories__name' => 'string',
'ServiceSubCategories.name' => 'string',
'ServiceSubCategories__service_category_id' => 'biginteger',
'ServiceSubCategories.service_category_id' => 'biginteger',
'service_category_id' => 'biginteger',
'ServiceSubCategories__website_id' => 'biginteger',
'ServiceSubCategories.website_id' => 'biginteger',
'ServiceSubCategories__created' => 'datetime',
'ServiceSubCategories.created' => 'datetime',
'ServiceSubCategories__created_by' => 'biginteger',
'ServiceSubCategories.created_by' => 'biginteger',
'ServiceSubCategories__modified' => 'datetime',
'ServiceSubCategories.modified' => 'datetime',
'ServiceSubCategories__modified_by' => 'biginteger',
'ServiceSubCategories.modified_by' => 'biginteger'
],
'decorators' => (int) 0,
'executed' => false,
'hydrate' => true,
'buffered' => true,
'formatters' => (int) 0,
'mapReducers' => (int) 0,
'contain' => [
'ServiceSubCategories' => [[maximum depth reached]]
],
'matching' => [],
'extraOptions' => [],
'repository' => object(App\Model\Table\ServiceCategoriesTable) {}
}
$productCountOnProductCategories = [
(int) 117 => (int) 5,
(int) 118 => (int) 6,
(int) 119 => (int) 5,
(int) 120 => (int) 4,
(int) 121 => (int) 4,
(int) 122 => (int) 3
]
$productCountOnProductSubCategories = []
$productCountOnProductSuperSubCategories = []
$vendor = null
$productsInitialPageSize = (int) 24 App\Controller\WebsitesController::shop() - APP/Controller/WebsitesController.php, line 4383
Cake\Controller\Controller::invokeAction() - CORE/src/Controller/Controller.php, line 440
Cake\Http\ActionDispatcher::_invoke() - CORE/src/Http/ActionDispatcher.php, line 119
Cake\Http\ActionDispatcher::dispatch() - CORE/src/Http/ActionDispatcher.php, line 93
Cake\Http\BaseApplication::__invoke() - CORE/src/Http/BaseApplication.php, line 108
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Routing\Middleware\RoutingMiddleware::__invoke() - CORE/src/Routing/Middleware/RoutingMiddleware.php, line 104
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Routing\Middleware\AssetMiddleware::__invoke() - CORE/src/Routing/Middleware/AssetMiddleware.php, line 88
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Error\Middleware\ErrorHandlerMiddleware::__invoke() - CORE/src/Error/Middleware/ErrorHandlerMiddleware.php, line 98
Cake\Http\Runner::__invoke() - CORE/src/Http/Runner.php, line 65
Cake\Http\Runner::run() - CORE/src/Http/Runner.php, line 51
Cake\Http\Server::run() - CORE/src/Http/Server.php, line 81
[main] - ROOT/webroot/index.php, line 47 Warning (512)CORE/src/Http/ResponseEmitter.php , line 48 ]Code Context if ( Configure :: read ( 'debug' )) { trigger_error ( $message , E_USER_WARNING ); } else { $response = object(Cake\Http\Response) {
'status' => (int) 200,
'contentType' => 'text/html',
'headers' => [
'Content-Type' => [
[maximum depth reached]
]
],
'file' => null,
'fileRange' => [],
'cookies' => object(Cake\Http\Cookie\CookieCollection) {},
'cacheDirectives' => [],
'body' => '<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your technical expert | Techno City</title>
<link href="/files/websites/favicon/ca275f2f-9978-4dfd-985e-6764c10e8955/small_fav.png" type="image/x-icon" rel="icon"/><link href="/files/websites/favicon/ca275f2f-9978-4dfd-985e-6764c10e8955/small_fav.png" type="image/x-icon" rel="shortcut icon"/>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
<link rel="stylesheet" href="/css/css/bootstrap.css"/> <link rel="stylesheet" href="/css/style.css"/>
<link rel="stylesheet" href="/css/css/dark.css"/> <link rel="stylesheet" href="/css/css/swiper.css"/> <link rel="stylesheet" href="/css/lakshop.css"/> <link rel="stylesheet" href="/css/lakshop_template_style.css"/> <link rel="stylesheet" href="/css/lakshop_template_ecom_style.css"/>
<link rel="stylesheet" href="/css/rateyo/jquery.rateyo.min.css"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css" rel="stylesheet">
<!-- Coffee Demo Specific Stylesheet -->
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/fonts.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/font-icons.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/animate.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/magnific-popup.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/responsive.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/colors.php?color=0082FC"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/xzoom.css"/> <link rel="stylesheet" href="/css/css/jquery.dataTables.min.css"/> <link rel="stylesheet" href="/css/css/jquery.bt.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/store_box.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/store_box_min.css"/>
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/techno_city.css"/>
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/techno_city_min.css"/>
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/sweet_house_min.css"/>
<link rel="stylesheet" href="/css/css/chosen.min.css"/> <link rel="stylesheet" type="text/css" href="/css/waitMe/waitMe.min.css">
<script src="/js/js/jquery.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>
<script src="/js/js/chosen.jquery.min.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/xzoom.min.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/jquery.hammer.min.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/magnific-popup.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/setup.js"></script>
<script src="/js/js/app.js"></script> <script src="/js/js/jquery.dataTables.min.js"></script> <script src="/js/js/jquery.bt.min.js"></script>
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:title" content="Techno City" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://stgsite156.lakshop.lk/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/large_logo.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="">
<meta property="twitter:title" content="Techno City">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="https://stgsite156.lakshop.lk/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/large_logo.png">
<meta name="title" content="Your technical expert | Techno City">
<meta name="description" content="Your technical expert | Techno City">
<style type="text/css">
#header{
background:#0082FC !important;
}
#header.sticky-header #header-wrap{
background:#0082FC !important;
}
#welcome-row{
background:#FED501 !important;
color:#fff;
}
#welcome-row a{
color:#fff !important;
}
#copyrights{
background:#FED501 !important;
color:#fff;
}
.top-cart-trigger span {
border: 1px solid #FED501 !important;
background: #FED501 !important;
color: #fff;
}
#top-cart .top-cart-content{
border-top: 2px solid #0082FC !important;
}
#product-category-row ul.list-inline li{
color:#0082FC }
.breadcrumbs ul li a:current-page{
color:#0082FC }
#item-single-content .item-cart-count{
background: #FED501 !important;
}
.top-cart-trigger span{
border: 1px solid #0082FC;
background: #0082FC;
color:#fff;
}
.top-cart-action a.fleft{
background: #0082FC !important;
}
#top-cart-total {
color: #0082FC !important;
}
.button-red, .button-red:hover {
background-color: #FED501 !important;
}
.button-3d.button-red:hover, .button-reveal.button-red:hover, .button-border.button-red:hover, .button-border.button-red.button-fill:before{
background-color: #FED501 !important;
}
/* #inform-checkout{
background: #0082FC !important;
} */
.product-thumb-box .item-cart-count{
background: #FED501 !important;
}
.widget-filter-links li.active-filter span{
background: #FED501 !important;
}
.top-cart-action span.top-checkout-price {
color: #0082FC !important;
float:right !important;
}
.top-cart-action .button.btn-primary{
background: #FED501 !important;
}
.top-cart-action .button.btn-success{
background: #0082FC !important;
}
.btn-primary:hover{
background: #FED501 !important;
}
.product-price ins{
color: #0082FC !important;
}
.gray-text a{
color:#FED501 !important;
}
.flash-updte-cart-msg p{
color:#FED501 !important;
}
#item-single-content .discounted-price, #item-single-content .normal-price{
color:#0082FC !important;
}
.top-cart-item-desc span.top-cart-item-price{
color: #0082FC !important;
}
</style>
</head>
<body class="stretched">
<style type="text/css">
.sample-inform-div{
text-align: center;
padding: 10px 0;
background: #333;
color: #fff;
}
.sample-inform-div a{
color:#fff;
font-weight:bold;
}
</style>
<div class="sample-inform-div">
This website is a sample website made from the <a href="https://stg.lakshop.lk" target="_blank">Site Maker</a> platform; create your own stunning site today with <a href="https://stg.lakshop.lk" target="_blank">Site Maker</a>!
</div>
<!-- Custom CSS -->
<style type="text/css">
</style>
<div id="wrapper" class="clearfix">
<script src="/js/js/typeahead.js"></script><link rel="stylesheet" href="/css/css/search_box.css"/>
<header id="header" class="full-header header-common-backend">
<div id="header-wrap">
<div class="container">
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
<!-- Logo
============================================= -->
<div id="logo">
<a href="/" class="standard-logo"><img src="/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/large_logo.png" alt=""/></a>
<a href="/" class="retina-logo"><img src="/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/small_logo.png" alt=""/></a> </div>
<!-- Primary Navigation
============================================= -->
<nav id="primary-menu">
<ul>
<li class="hidden"><a href="/#section-about-us" data-scrollto="#section-about-us"><div>About</div></a></li>
<li class="current"><a href="/shop">Shop</a></li>
<li class="hidden"><a href="/#section-testimonials" data-scrollto="#section-testimonials"><div>Testimonial</div></a></li>
<li class="hidden-lg"><a href="/#section-contact-us" data-scrollto="#section-contact-us"><div>Contact Us</div></a></li>
<li>
<a href="/login">Login/Register</a> </li>
</ul>
<div style="display:inline-block;margin-top:15px;max-width:250px;" id="search-div">
<form method="post" accept-charset="utf-8" id="form-search-item" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div> <div class="input-group">
<span class="input-group-addon" style="padding:2px 5px 2px 10px;background:#fff;border-right:0;border-top-left-radius: 18px;border-bottom-left-radius: 18px;">
<button type="submit" class="btn btn-default" style="padding:0;border-color:#fff;"><i class="icon-search"></i></button>
</span>
<div class="input text"><input type="text" name="search_text" placeholder="search anything" class="typeahead input-group-field form-control search-box-middle" style="min-width:50px !important;border-right:0;border-left:0;" id="search-text"/></div>
<span class="input-group-addon" style="padding:2px 10px 2px 5px;background:#fff;border-left:0;border-top-right-radius: 18px;border-bottom-right-radius: 18px;">
<a href="#" class="clear-search">X</a>
</span>
<input type="hidden" name="search_text_value" id="search-text-value"/> </div>
</form> </div>
<div id="inform-checkout" style="display:none;">
<span><a href="/checkout">Checkout</a></span> or <span id="skip-inform-checkout"><a href="#">Continue shopping</a></span>
</div>
<div id="delivery-not-supported" style="display:none;">
Some vendors not support delivery to your location <span id="modify-cart-dns"><a href="/view-cart">Modify my cart</a></span>
</div>
<!-- Top Cart
============================================= -->
<div id="top-cart" class="top-cart top-cart-element">
<div id="top-cart-trigger" class="top-cart-trigger">
<i class="icon-shopping-cart"></i>
<span>0</span>
</div>
<div class="top-cart-content">
<div class="top-cart-title">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-8 colxs-6">
<h4>My Cart</h4>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 colxs-6">
<div class="text-right">
<div style="color:#333;font-weight:bold;" id = 'close-top-cart' class ='close-top-cart'>X</div>
</div>
</div>
</div>
</div>
<div class="top-cart-items" id="cart">
</div>
<div class="top-cart-action clearfix">
<span class="fleft top-checkout-price">Rs. <span id="top-cart-total">0.00</span></span>
</div>
<div class="top-cart-action clearfix">
<a href="/view-cart" class="button button-3d button-small nomargin fleft btn btn-primary btn-sm">View Cart</a> <a href="/checkout" class="button-black button button-3d button-small nomargin fright btn btn-success btn-sm">Checkout</a> </div>
</div>
</div><!-- #top-cart end -->
</nav><!-- #primary-menu end -->
</div>
<div id="welcome-row">
<span class="hidden-xs pull-left">Welcome </span>
<span class="text-left pull-left" style="display:inline-block;">
Guest (<a href="/login">Login</a>) </span>
<span class="text-left pull-left hidden-xs" style="margin-left:5px;">Your location :
-
</span>
<div class="text-right pull-right" style="display:inline-block;">
<br>
</div>
</div>
</div>
</header>
<script type="text/javascript">
var summernoteSettings = {
toolbar: [
['fontSizes', ['8', '9', '10', '11', '12', '14', '16','18','20','22','24','25','30']],
['cleaner',['cleaner']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['color','fontname','strikethrough']],
['fontsize', ['fontsize']],
['para', ['ul', 'ol', 'paragraph']],
['table',['table']],
['insert',['picture','hr','link']],
['view',['codeview']],
['other',[,'undo','redo']]
],
cleaner:{
action: 'button',
newline: '',
icon: '<i class="note-icon">Clean Text</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>','<table>','<thead>','<tbody>','<th>','<tr>','<td>'],
keepClasses: false,
badTags: ['span','style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}
};
var summernoteSettingsWithImage = {
toolbar: [
['cleaner',['cleaner']],
['fontSizes', ['8', '9', '10', '11', '12', '14', '16','18','20','22','24','25','30']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['color','fontname','fontsize','strikethrough']],
['para', ['ul', 'ol', 'paragraph']],
['table',['table']],
['insert',['picture','hr','link']],
['view',['codeview']],
['other',[,'undo','redo']]
],
cleaner:{
action: 'button',
newline: '',
icon: '<i class="note-icon">Clean Text</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>','<table>','<thead>','<tbody>','<th>','<tr>','<td>'],
keepClasses: false,
badTags: ['span','style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}
};
var summernoteMinimal = {
toolbar: [
['cleaner',['cleaner']],
['fontSizes', ['8', '9', '10', '11', '12', '14', '16','18','20','22','24','25','30']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['fontsize','strikethrough']],
['para', ['ul', 'ol', 'paragraph']],
['other',[,'undo','redo']]
],
cleaner:{
action: 'button',
newline: '',
icon: '<i class="note-icon">Clean Text</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>','<table>','<thead>','<tbody>','<th>','<tr>','<td>'],
keepClasses: false,
badTags: ['span','style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}
};
// $(function(){
// $.extend($.summernote.plugins, {
// 'brenter': function (context) {
// this.events = {
// 'summernote.enter': function (we, e) {
// e.trigger($.Event("keydown", {
// keyCode: 13, // ENTER
// shiftKey: true
// }));
// e.preventDefault();
// }
// };
// }
// });
// });
/*,
cleaner:{
action: 'both',
newline: '<br>',
icon: '<i class="note-icon">[Your Button]</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>'],
keepClasses: false,
badTags: ['style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}*/
</script>
<div class="container">
</div>
<div class="content-wrap">
<div class="container">
</div>
<section id="content">
<div id="shop-page">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<style type="text/css">
.list-group-item {
background: inherit;
}
</style>
<div class="sidebar nobottommargin">
<div class="sidebar-widgets-wrap" style="padding:5px; border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px solid #F2F2F2;
-webkit-box-shadow: 0px 5px 15px -6px rgba(0,0,0,0.44);
box-shadow: 0px 5px 15px -6px rgba(0,0,0,0.44); margin-top:10px;background:#fAfAfA;">
<div class="widget widget-filter-links clearfix" id="shop-custom-filter">
<ul class="custom-filter list-group" data-container="#shop .row" data-active-class="active-filter" id="shop-menu">
<li class="widget-filter-reset active-filter text-center">
<a href="#" data-filter="*" id="list-clear" class="btn btn-sm btn-warning">Clear filter</a>
</li>
<li>
<label>Category</label>
</li>
<li>
<a href="#sub-menu-117" id="side-menu-pc-117" data-toggle="collapse" data-filter=".pc-117" data-pc-id="117" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/7e20598c-92ab-4b3d-b3d8-cb58291aff3a/small_laptops.jpg" class="shop-pc-icon" alt=""/> Laptops</a>
<span class="parent-count">5</span>
</li>
<li>
<a href="#sub-menu-118" id="side-menu-pc-118" data-toggle="collapse" data-filter=".pc-118" data-pc-id="118" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/6776ea7e-540b-4897-8ef8-d5bde6c6c277/small_mobiles.jpg" class="shop-pc-icon" alt=""/> Mobile Phones</a>
<span class="parent-count">6</span>
</li>
<li>
<a href="#sub-menu-119" id="side-menu-pc-119" data-toggle="collapse" data-filter=".pc-119" data-pc-id="119" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/74ddf946-c7bc-4066-84a3-9e1a6dd5d019/small_tablets.jpg" class="shop-pc-icon" alt=""/> Tablets</a>
<span class="parent-count">5</span>
</li>
<li>
<a href="#sub-menu-120" id="side-menu-pc-120" data-toggle="collapse" data-filter=".pc-120" data-pc-id="120" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/676292cc-b174-4b0e-b809-7cf539e1c76d/small_tv.jpg" class="shop-pc-icon" alt=""/> Televisions</a>
<span class="parent-count">4</span>
</li>
<li>
<a href="#sub-menu-121" id="side-menu-pc-121" data-toggle="collapse" data-filter=".pc-121" data-pc-id="121" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/1c1f2103-3125-4897-87d9-456d4b17b56f/small_home_appliances.jpg" class="shop-pc-icon" alt=""/> Home Appliances</a>
<span class="parent-count">4</span>
</li>
<li>
<a href="#sub-menu-122" id="side-menu-pc-122" data-toggle="collapse" data-filter=".pc-122" data-pc-id="122" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/779572e5-d56d-4a8f-8774-28453f02f4e2/small_accessories.jpg" class="shop-pc-icon" alt=""/> Accessories</a>
<span class="parent-count">3</span>
</li>
<button id="update-products" class="button button-3d" style="width:100%;" type="submit">Search</button>
</ul>
<hr/>
</div>
<a href="/checkout" class="button button-3d button-black">Checkout</a> </div>
</div>
<script type="text/javascript">
/* When directly coming from the home page navigation menu into a category, sub category or a super sub category, need to open the hierarchy */
$('ul#shop-menu a').each (function(i,e){
if ($(this).attr('id') == 'side-menu-pc-120'){
$(this).parent('li').addClass('active-menu');
$(this).parent('li').addClass('active-filter');
$(this).siblings('ul').addClass('in');
$(this).siblings('ul').find('ul').addClass('in');
}
});
$('#brand-id').change(function(){
var selectedBrandId = $(this).val();
console.log("Selected brand "+ parseFloat(selectedBrandId));
if ( selectedBrandId > 0){
$('.brand-icon-'+selectedBrandId+' img').trigger('click');
} else {
console.log('clear brand selection');
$('.all-brands-icon img').trigger('click');
}
});
</script> </div>
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 ">
<div class="row">
<div class="col col-12 hidden-xs hidden-sm" id="shop-top-brands-icon-buttons">
<style type="text/css">
.shop-page-brand-icon {
padding:2px;
cursor: pointer;
}
.shop-page-brand-icon img {
max-width:80%;
width:100%;
}
</style>
<fieldset style="padding:0px 20px;">
<label>Brands</label>
<div class="row">
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon dynamic-icon brand-icon-27" data-filter="brand-27" data-brand-id="27">
<img src="/img/../files/brands/photo/1a4441c5-397b-4794-b75f-94725c979f2f/small_2.png" class="" alt=""/> </div>
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon dynamic-icon brand-icon-28" data-filter="brand-28" data-brand-id="28">
<img src="/img/../files/brands/photo/7b0e70cd-9f51-4ce4-a3d3-98faa5601978/small_3.png" class="" alt=""/> </div>
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon dynamic-icon brand-icon-26" data-filter="brand-26" data-brand-id="26">
<img src="/img/../files/brands/photo/82e82017-f105-4912-a37d-ba6d86c5613f/small_1.png" class="" alt=""/> </div>
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon all-brands-icon">
<img src="/img/brands/brands_all.png" alt=""/> </div>
</div>
</fieldset>
<hr/>
<script type="text/javascript">
$('.shop-page-brand-icon').hide();
Array
(
[0] => -1
[1] => 27
[2] => 28
[3] => 26
)
$('.brand-icon-'+-1).show();
$('.brand-icon-'+27).show();
$('.brand-icon-'+28).show();
$('.brand-icon-'+26).show();
</script> </div>
<div class="col">
<div id="shop" class="shop-content-products">
<div class="row no-side-margins no-side-padding" id="product-row">
<style type="text/css">
.product-price.is-discounted,.is-discounted{
text-decoration: none !important;
}
.product-price.is-discounted ins,.product-price.is-discounted,.is-discounted{
color:#777 !important;
}
.product-price.is-discounted ins{
text-decoration: line-through !important;
}
.product-price.is-discounted span.discount-given{
color:red !important;
text-decoration: none !important;
}
#top-cart .is-discounted{
text-decoration: line-through !important;
color:#777 !important;
}
</style>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1101">
<input type="hidden" id="available-brands" name="available_brands" value="27,26,28,27"/>
<div class="product-thumb-box product-thumb-box-1101 product-thumb " data-page-offset='1' data-item-id ='1101'>
<div id="in-cart-count-product-1101" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/ampx-tv-v3">
<img src="/files/productimages/photo/11862f07-3cbe-4895-8433-d547ee042172/thumb_square_tv_4.jpg" alt="AmpX TV V3"/> <div class="product-overlay">
<a href="/product/ampx-tv-v3" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/ampx-tv-v3" title="AmpX TV V3">AmpX TV V3</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 150,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1101" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1101">-</a>
<div class="input text"><input type="text" name="product[1101][quantity]" step="1" min="1" max="60" class="qty" id="product-1101-quantity" value="1"/></div><input type="hidden" name="product[1101][max_allowed]" id="product-1101-max-allowed" value="60"/><input type="hidden" name="product[1101][in_cart_count]" id="product-1101-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1101">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1101" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1101" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1101" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1101" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1100">
<div class="product-thumb-box product-thumb-box-1100 product-thumb " data-page-offset='1' data-item-id ='1100'>
<div id="in-cart-count-product-1100" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/z100-zp-tv">
<img src="/files/productimages/photo/e7cddfac-76fb-4df7-b335-db27c586e2e3/thumb_square_tv_3.jpg" alt="Z100 ZP TV"/> <div class="product-overlay">
<a href="/product/z100-zp-tv" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/z100-zp-tv" title="Z100 ZP TV">Z100 ZP TV</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 160,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1100" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1100">-</a>
<div class="input text"><input type="text" name="product[1100][quantity]" step="1" min="1" max="30" class="qty" id="product-1100-quantity" value="1"/></div><input type="hidden" name="product[1100][max_allowed]" id="product-1100-max-allowed" value="30"/><input type="hidden" name="product[1100][in_cart_count]" id="product-1100-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1100">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1100" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1100" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1100" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1100" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1099">
<div class="product-thumb-box product-thumb-box-1099 product-thumb " data-page-offset='1' data-item-id ='1099'>
<div id="in-cart-count-product-1099" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/ct-tv-400">
<img src="/files/productimages/photo/7c716362-1ae2-4adf-9b57-e1e12ecfce65/thumb_square_tv_2.jpg" alt="CT TV 400"/> <div class="product-overlay">
<a href="/product/ct-tv-400" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/ct-tv-400" title="CT TV 400">CT TV 400</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 180,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1099" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1099">-</a>
<div class="input text"><input type="text" name="product[1099][quantity]" step="1" min="1" max="10" class="qty" id="product-1099-quantity" value="1"/></div><input type="hidden" name="product[1099][max_allowed]" id="product-1099-max-allowed" value="10"/><input type="hidden" name="product[1099][in_cart_count]" id="product-1099-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1099">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1099" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1099" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1099" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1099" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1098">
<div class="product-thumb-box product-thumb-box-1098 product-thumb " data-page-offset='1' data-item-id ='1098'>
<div id="in-cart-count-product-1098" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/ampx-tv-v1">
<img src="/files/productimages/photo/86f9f789-6603-451b-998a-171a20b77738/thumb_square_tv_1.jpg" alt="AmpX TV V1"/> <div class="product-overlay">
<a href="/product/ampx-tv-v1" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/ampx-tv-v1" title="AmpX TV V1">AmpX TV V1</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 150,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1098" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1098">-</a>
<div class="input text"><input type="text" name="product[1098][quantity]" step="1" min="1" max="15" class="qty" id="product-1098-quantity" value="1"/></div><input type="hidden" name="product[1098][max_allowed]" id="product-1098-max-allowed" value="15"/><input type="hidden" name="product[1098][in_cart_count]" id="product-1098-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1098">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1098" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1098" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1098" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1098" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<script type="text/javascript">
var totalProductsLoad = 4;
</script>
</div>
</div>
<div id="shop-products-load-more" class="row small-12 medium-12 large-12 load-more text-center" data-page-offset="1" style="width:100%;height:65px;" data-ajax-call-sent="0">
<img src="/img/loading.gif" id="loading-img" style="height:100%;display:none;" alt=""/></div>
<div class="row" id="show-more-button">
<div class="col col-xs-12">
<button class=" btn btn-success btn-block load-more-button" type="submit">Load more</button> </div>
</div>
<script type="text/javascript">
$('body').on('click','.plus-minus-btn',function(){
console.log("In plus minus click");
var dataPm = $(this).attr('data-pm');
var itemTypePm = $(this).attr('data-item-type');
var itemIdPm = $(this).attr('data-item-id');
var currentQty = $('#'+itemTypePm+'-'+itemIdPm+'-quantity').val();
var newQty = currentQty;
var mxAllowed = $('#'+itemTypePm+'-'+itemIdPm+'-max-allowed').val();
console.log("cs", dataPm, itemTypePm,itemIdPm, currentQty,newQty, mxAllowed);
if(dataPm == 'plus'){
if((parseInt(currentQty) < parseInt(mxAllowed)) || (parseInt(mxAllowed) < 0)){ //maxallowed < 0 means this item has unlimited qty
newQty = parseInt(currentQty) + 1;
console.log('dataPm ='+dataPm+' currentQty='+currentQty+'newQty ='+newQty+' mxAllowed='+mxAllowed);
}
}
else{
if(parseInt(currentQty) > 1){
newQty = parseInt(currentQty) - 1;
}
else{
alert('Sorry, please check the quantity you are going to add in to your cart');
}
}
$('#'+itemTypePm+'-'+itemIdPm+'-quantity').val(newQty);
return false;
});
</script>
<script type="text/javascript" src="/js/waitMe/waitMe.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/waitMe/waitMe.min.css">
<script type="text/javascript">
var scrollToAfterLoad = 0;
/* We use this to hide the 'load more' button */
var loadedProductCount = $('.product-thumb-area').length;
checkAndHideLoadMoreButton(totalProductsLoad, loadedProductCount);
function scrollToTopOfProducts(){
$([document.documentElement, document.body]).animate({
scrollTop: $(".shop-content-products").offset().top - 200
}, 2000);
}
function loadItemsOnDemand(lastPageOffset,dataFilter,containerName,loadItemLimit,thumbBoxElement,vendorId = null,currentPc = null,currentPsc = null, currentPssc=null, currentBrand=null, currentProductModelId=null, currentProductYear=null, currentSearchKeyword=null, currentDistrict=null, currentCity=null, currentMinYear=null, currentMaxYear=null, currentMinPrice=null, currentMaxPrice=null, selectedColors=null, selectedSizes=null, selectedMaterials=null){
loadedProductCount = $('.product-thumb-area').length;
// console.log(selectedColors);
var colors = JSON.stringify(selectedColors);
var sizes = JSON.stringify(selectedSizes);
var materials = JSON.stringify(selectedMaterials);
$('#'+containerName+ ' div.message').remove();
var tmpCurrentPc = currentPc;
loadItemLimit = (loadItemLimit == null) ? 24 : loadItemLimit;
thumbBoxElement = (thumbBoxElement == null) ? 'product_thumb_box_1' : thumbBoxElement;
$('body').waitMe();
$.ajax({
type: 'POST',
url: '/websites/get-shop-products',
data : 'data-last-page-offset='+lastPageOffset+'&data-filter='+dataFilter+'&data-item-load-limit='+loadItemLimit+'&data-thumb-box-element='+thumbBoxElement+'&data-vendor-id='+vendorId+'&data-pc-id='+currentPc+'&data-psc-id='+currentPsc+'&data-pssc-id='+currentPssc+'&data-brand-id='+currentBrand+'&data-product-model-id='+currentProductModelId+'&data-product-year='+currentProductYear+'&data-search-keyword='+currentSearchKeyword+'&data-district-id='+currentDistrict+'&data-city-id='+currentCity+'&data-min-year='+currentMinYear+'&data-max-year='+currentMaxYear+'&data-min-price='+currentMinPrice+'&data-max-price='+currentMaxPrice+'&data-colors='+colors+'&data-sizes='+sizes+'&data-materials='+materials,
beforeSend:function(){
$('#shop-products-load-more #loading-img').show();
},
success: function(result){
console.log("Items retrieved");
var result = jQuery.parseJSON(result);
var categoryDetails = result.category_details;
$('#shop-products-load-more #loading-img').hide();
if (categoryDetails.pcId == "null") {
categoryDetails.pcId = null;
}
if (categoryDetails.pscId == "null") {
categoryDetails.pscId = null;
}
if (categoryDetails.psscId == "null") {
categoryDetails.psscId = null;
}
if (categoryDetails.brandId == "null") {
categoryDetails.brandId = null;
}
if (
(categoryDetails.pcId == currentClickedPc) &&
(categoryDetails.pscId == currentClickedPsc) &&
(categoryDetails.psscId == currentClickedPssc) &&
(categoryDetails.brandId == currentClickedBrand)
)
{
var $items = $(result.dom);
totalProductsLoad = result.total_products;
var inPageOffset = lastPageOffset;
var outPageOffset = '0';
if(dataFilter == '0'){
console.log('1=');
outPageOffset = ( inPageOffset == 0 ) ? 0 : $('#shop-products-load-more').attr('data-page-offset');
} else {
if(dataFilter == '-1'){
console.log('2=');
outPageOffset = inPageOffset;
$('#'+containerName).isotope();
} else {
console.log('4=',dataFilter);
console.log($(dataFilter).length);
if($(dataFilter).length){
console.log('3=');
outPageOffset = $(dataFilter+' .product-thumb').last().attr('data-page-offset');
}
}
}
if(1 || inPageOffset == outPageOffset || (inPageOffset == 0 && outPageOffset ==1)){
$items.imagesLoaded(function(){
$('body').waitMe('hide');
$('#'+containerName).isotope( 'insert', $items );
if (typeof showAvailableBrands != "undefined") {
showAvailableBrands();
}
$('#shop-products-load-more').attr('data-page-offset',$('body .product-thumb').last().attr('data-page-offset'));
if(scrollToAfterLoad >0){
$('html, body').animate({
scrollTop: scrollToAfterLoad -150
}, 500);
scrollToAfterLoad = 0;
/* Hide the load more button if all products are loaded */
}
loadedProductCount = $('.product-thumb-area').length;
checkAndHideLoadMoreButton(totalProductsLoad, loadedProductCount);
});
}
//get displaying thumb box count
// setTimeout(function(){
// if($('#'+containerName+' .product-thumb-area:visible').length == 0){
// $('#'+containerName+ ' div.message').remove();
// $('#'+containerName).append('<div class="message error" style="padding-bottom:0;min-height:36px;height:auto;display:none;">There are no listings under this category yet, keep looking though...</div>');
// $('#'+containerName+' .message').slideDown('slow');
// }
// }, 1000);
// }
$('#shop-products-load-more').attr('data-ajax-call-sent','0');
} else {
$('body').waitMe('hide');
console.log('mismatch ', categoryDetails.pcId ,"<>",currentClickedPc, " ", categoryDetails.pscId ,'<>', currentClickedPsc, ' ', currentPssc ,'<>', categoryDetails.psscId , ' ',categoryDetails.brandId ,'<>', currentClickedBrand);
}
},
error: function(){
alert('Error loading items.');
}
});
}
function hideLoadMoreButton(){
$('#show-more-button').fadeOut();
}
function checkAndHideLoadMoreButton(totalItems, loadedItems){
if (totalItems <= loadedItems) {
$('#show-more-button').fadeOut();
} else {
$('#show-more-button').fadeIn();
}
}
</script>
<script type="text/javascript">
console.log("shop content 1");
var currentClickedPc = 120;
var currentClickedPsc = null;
var currentClickedPssc = null;
var currentClickedBrand = null;
var currentProductModelId = null;
var currentProductYear = null;
// $(window).scroll(function(){
$('.load-more-button').click(function(){
// $(this).fadeOut();
scrollToAfterLoad = $(this).offset().top;
var lastPageOffset = $('#shop-products-load-more').attr('data-page-offset');
var dataFilter = ( $('li.active-filter').length ) ? $('li.active-filter a').attr('data-filter') : '0';
dataFilter = ( dataFilter == '*' ) ? '0' : dataFilter;
var vendorId = ( '' != null ) ? '' : null;
// if($(window).scrollTop() == $(document).height() - $(window).height()){
if( $('#shop-products-load-more').attr('data-ajax-call-sent') == '0' ){
$('#shop-products-load-more').attr('data-ajax-call-sent','1');
//make this temporaly 1 to prevent multiple ajax call. After finishing the ajax request we make it back to 0
loadItemsOnDemand(lastPageOffset,dataFilter,'product-row',24,'product_thumb_box_2',vendorId,currentClickedPc, currentClickedPsc, currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear);
}
// }
});
// });
$(function(){
/** Call brand showing function */
// showAvailableBrands();
});
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
/* This function requires an input #available-brands with comma concatinated brand ids */
function showAvailableBrands(){
var brandIdConcatString = $('body').find('#available-brands').val();
if (brandIdConcatString == "" || brandIdConcatString == undefined){
return;
}
var brandIds = brandIdConcatString.split(",");
$('.shop-page-brand-icon.dynamic-icon').removeClass('stay');
// $('.shop-page-brand-icon.dynamic-icon').removeClass('current-brand');
$(brandIds).each(function(i,e){
if ($('.shop-page-brand-icon.brand-icon-'+e).css('display') == 'none'){
$('.shop-page-brand-icon.brand-icon-'+e).addClass('stay').fadeIn('fast');
} else {
$('.shop-page-brand-icon.brand-icon-'+e).addClass('stay');
}
});
$('.shop-page-brand-icon.dynamic-icon').each(function(i,e){
if (!($(this).hasClass('stay'))){
$(this).fadeOut('fast');
}
});
}
</script>
<script>
console.log("Shop filter 1");
$( function($){
jQuery( function() {
var $container = jQuery('#product-row');
$container.imagesLoaded( function() {
$container.isotope({
itemSelector: '.product-thumb-area',
layoutMode: 'fitRows',
percentPosition: true,
fitRows: {
rowHeight: 500
},
transitionDuration: '0.65s',
getSortData: {
name: '.product-title',
price_lh: function( itemElem ) {
if( $(itemElem).find('.product-price').find('ins').length > 0 ) {
var price = $(itemElem).find('.product-price ins').text();
} else {
var price = $(itemElem).find('.product-price').text();
}
priceNum = price.split("$");
return parseFloat( priceNum[1] );
},
price_hl: function( itemElem ) {
if( $(itemElem).find('.product-price').find('ins').length > 0 ) {
var price = $(itemElem).find('.product-price ins').text();
} else {
var price = $(itemElem).find('.product-price').text();
}
priceNum = price.split("$");
return parseFloat( priceNum[1] );
}
},
sortAscending: {
name: true,
price_lh: true,
price_hl: false
}
});
})
});
function isDoubleClicked(element) {
//if already clicked return TRUE to indicate this click is not allowed
if (element.data("isclicked")) return true;
//mark as clicked for 5 second
element.data("isclicked", true);
setTimeout(function () {
element.removeData("isclicked");
}, 5000);
//return FALSE to indicate this click was allowed
return false;
}
$('.shop-sorting li').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
var dataFilter = $(this).attr('data-filter');
var lstItemIdBasedOnFilter = ($(dataFilter).length)? $(dataFilter+' .product-thumb').last().attr('data-last-item-id'): '0'
loadItemsOnDemand(lstItemIdBasedOnFilter,dataFilter,'product-row');
$('.shop-sorting').find('li').removeClass( 'active-filter' );
$(this).addClass( 'active-filter' );
var filterByDataFilter = $(this).attr('data-filter');
$('#shop-container').isotope({ filter: filterByDataFilter });
var sortByValue = $(this).find('a').attr('data-sort-by');
$('#shop').isotope({ sortBy: sortByValue });
return false;
});
function updateProducts(){
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
dataFilter = null;
//load items related to this
setTimeout(function(currentClickedPc,currentClickedBrand){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},10,currentClickedPc,currentClickedBrand);
return false;
};
$('#product-model-id, #product-year').change(function(){
// updateProducts();
});
$('#update-products').click(function(){
updateProducts();
});
/* In shop page, click on a main category */
$('.custom-filter>li>a').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
/* Need to collapse other categories */
$(this).parent().parent().find('ul').removeClass('in');
// $(this).parent().find('ul').addClass('in');
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var pcId = $(this).attr('data-pc-id');
currentClickedPc = pcId;
currentClickedPsc = null;
currentClickedPssc = null;
// currentClickedBrand = null;
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
$('.shop-page-brand-icon img').removeClass('current-brand');
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
var dataFilter = $(this).attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
$('.custom-filter li').removeClass('active-filter');
$(this).closest('li').addClass( 'active-filter' );
$('.custom-filter li').find('span').css("background-color", "#eeeeee");
$(this).closest('li').find('span.parent-count').css("background-color", "#0082FC");
submenuToggle($(this));
//load items related to this
setTimeout(function(currentClickedPc,currentClickedBrand){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,null,null,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000,currentClickedPc,currentClickedBrand);
return false;
});
/* In shop page, click on a sub category */
$('.custom-sub-filter>li>a').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
console.log('Clicked C');
if (isDoubleClicked($(this))) return;
$(this).parent().parent().find('ul').removeClass('in');
$(this).parent().children('ul').addClass('in');
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
$('.custom-filter li').removeClass('active-filter active-menu');
$(this).closest('li').addClass( 'active-filter active-menu' );
$('.custom-sub-filter li').removeClass('active-filter active-sub-menu');
$('.custom-sub-filter li').find('span').css("background-color", "#eeeeee");
$(this).closest('li').find('span.child-count').css("background-color", "#CACACA");
submenuToggle();
var pcId = $(this).attr('data-pc-id');
currentClickedPc = pcId;
var pscId = $(this).attr('data-psc-id');
currentClickedPsc = pscId;
console.log("Current psc ",currentClickedPsc);
currentClickedPssc = null;
// currentClickedBrand = null;
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
$('.shop-page-brand-icon img').removeClass('current-brand');
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedBrand){
console.log("In filter 1 ",currentClickedPsc );
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,null,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000,currentClickedPc,currentClickedPsc,currentClickedBrand);
return false;
});
$('.custom-super-sub-filter>li>a').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
// console.log('Clicked D');
if (isDoubleClicked($(this))) return;
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
$('.custom-filter li').removeClass('active-filter active-menu');
$(this).closest('li').addClass( 'active-filter active-menu' );
$('.custom-sub-filter li').removeClass('active-filter active-sub-menu');
$('.custom-sub-filter li').find('span').css("background-color", "#eeeeee");
$(this).closest('li').find('span.child-count').css("background-color", "#CACACA");
submenuToggle();
var pcId = $(this).attr('data-pc-id');
currentClickedPc = pcId;
var pscId = $(this).attr('data-psc-id');
currentClickedPsc = pscId;
var psscId = $(this).attr('data-pssc-id');
currentClickedPssc = psscId;
// currentClickedBrand = null;
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
$('.shop-page-brand-icon img').removeClass('current-brand');
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000,currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand);
return false;
});
$('.shop-page-brand-icon img').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
$('.shop-page-brand-icon img').removeClass('current-brand');
$(this).addClass('current-brand');
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).parent().attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
currentClickedBrand = $(this).parent().attr('data-brand-id');
$('#brand-id').val(currentClickedBrand);
updateModelsFromSelectedBrand(currentClickedBrand);
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand ){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000, currentClickedPc, currentClickedPsc, currentClickedPssc, currentClickedBrand);
return false;
});
$('.shop-attr-link').click(function(){
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).parent().attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
/** colors */
if ($(this).hasClass('shop-color-link')) {
$(this).toggleClass('color-selected');
}
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
if ($(this).hasClass('shop-size-link')) {
$(this).toggleClass('size-selected');
}
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
if ($(this).hasClass('shop-material-link')) {
$(this).toggleClass('material-selected');
}
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand ){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000, currentClickedPc, currentClickedPsc, currentClickedPssc, currentClickedBrand);
return false;
});
});
function submenuToggle(parentLink){
var attrAriaExpanded = $(parentLink).attr('aria-expanded');
if (typeof attrAriaExpanded !== typeof undefined && attrAriaExpanded !== false) {
var aeStatus = ($(parentLink).attr('aria-expanded') == "true") ? true : false;
$(parentLink).attr('aria-expanded',aeStatus);
$(parentLink).closest('li').find('.list-group-level1').attr('aria-expanded',aeStatus);
if(aeStatus){
$(parentLink).closest('li').find('.list-group-level1').addClass('in');
}
if(!aeStatus){
$(parentLink).closest('li').find('.list-group-level1').removeClass('in');
}
}
else{
$(parentLink).attr('aria-expanded',true);
$(parentLink).closest('li').find('.list-group-level1').attr('aria-expanded',true);
$(parentLink).closest('li').find('.list-group-level1').addClass('in');
}
}
function showClearBtn(){
$('.widget-filter-reset').show();
}
function hideClearBtn(){
$('.widget-filter-reset').hide();
}
$('#list-clear').click(function(){
currentClickedPc = null;
currentClickedPsc = null;
currentClickedPssc = null;
currentClickedBrand = null;
currentProductModelId = null;
currentProductYear = null;
$('#brand-id').val('');
$('#product-model-id').val('');
$('#product-year').val('');
$('#product-row').empty();
$('#product-row').isotope({
filter: '*'
});
var priceRangeSlider = $('.price_range').data("ionRangeSlider");
priceRangeSlider.reset();
$('.shop-color-link').removeClass('color-selected');
$('.shop-size-link').removeClass('size-selected');
$('.shop-material-link').removeClass('material-selected');
});
$(document).ready(function(){
function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
}
var dataPcFilerName = getUrlParameter('dataPc');
var dataPscFilerName = getUrlParameter('dataPsc');
var dataPsscFilerName = getUrlParameter('dataPssc');
console.log('dataPcFilerName ='+dataPcFilerName+' dataPscFilerName='+dataPscFilerName+' dataPsscFilerName='+dataPsscFilerName);
if (typeof dataPcFilerName != 'undefined' && dataPcFilerName != '' ) {
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPcFilerName+'"]').closest('li').addClass('active-filter active-menu');
$('a[data-filter=".'+dataPcFilerName+'"]').attr('aria-expanded',true);
}
if (typeof dataPscFilerName != 'undefined' && dataPscFilerName != '' ) {
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').addClass('active-filter active-menu jami');
$('a[data-filter=".'+dataPscFilerName+'"]').closest('ul').attr('aria-expanded',true);
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').find('ul.custom-super-sub-filter').attr('aria-expanded',true);
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').find('ul.custom-super-sub-filter').addClass('in');
}
if (typeof dataPsscFilerName != 'undefined' && dataPsscFilerName != '' ) {
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPsscFilerName+'"]').closest('li').addClass('active-filter active-menu');
}
});
function updateModelsFromSelectedBrand(selectedBrandId=""){
console.log("Clicked brand ", selectedBrandId);
var options = "";
switch (selectedBrandId){
case '27':
options = "<option value=''></option>";
break;
case '28':
options = "<option value=''></option>";
break;
case '26':
options = "<option value=''></option>";
break;
default:
options = "<option value=''></option>";
}
$('#product-model-id').html(options);
$('#product-model-id').val('');
}
/* Whenever the brand id is selected, let's populate the relevant models */
</script>
<script type="text/javascript">
console.log("Shop_1");
$(document).ready(function(){
function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
}
var dataPcFilerName = getUrlParameter('dataPc');
var dataPscFilerName = getUrlParameter('dataPsc');
setTimeout(function(){
if (typeof dataPscFilerName == 'undefined' || dataPscFilerName == '' ) {
$('a[data-filter=".'+dataPcFilerName+'"]').trigger('click');
}
else{
var pcFilterNames = dataPcFilerName.split('-');
$('.list-group-level1').addClass('collapse');
$('#sub-menu-'+pcFilterNames['1']).removeClass('collapse');
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPcFilerName+'"]').closest('li').addClass('active-filter active-menu');
$('.custom-sub-filter li').removeClass('active-filter active-sub-menu');
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').addClass( 'active-filter active-sub-menu' );
$('a[data-filter=".'+dataPscFilerName+'"]').trigger('click');
}
},2000);
//~ setTimeout(function(){
//~ $('a[data-filter=".'+dataPcFilerName+'"]').trigger('click');
//~ },2000);
});
</script>
</div>
<div style="height:0px; overflow: visible;">
</div>
<div class="container text-center" id="payment-delivery-partner-section">
<div class="payment-partners">
<style type="text/css">
#supporting-payment-services li {
display : inline-block;
}
</style>
</div>
<div class="delivery-partners">
</div>
</div>
<footer id="footer" class="dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap clearfix">
<div class="col_one_third">
<div class="widget clearfix">
<div>
<address>
<strong>Address:</strong><br>
11/2A, Abhayarama Lane, Narahenpita, Colombo 05 </address>
<strong>Call Us:</strong><br>
Tel : 0716351084<br/>Mob : 0716351084<br/>
<strong>Email Us:</strong><br>
technocity@css.lk
<br/>
<div class="social-media-links" style="display:inline-flex;">
<!-- FB Link -->
<div style="margin-right:5px;">
<a href="https://www.facebook.com/lakshop.lk" alt="Our Facebook page" title="Visit our Facebook page" target="_blank"><img src="/img/fb_small.png" alt=""/></a></div>
<div style="margin-right:5px;">
<a href="https://www.instagram.com/" alt="Our Instagram page" title="Visit our Instagram page" target="_blank"><img src="/img/instagram_small.png" alt=""/></a></div>
<div style="margin-right:5px;">
<a href="https://lk.linkedin.com/" alt="Our LinkedIn page" title="Visit our LinkedIn page" target="_blank"><img src="/img/linkedin_small.png" alt=""/></a></div>
</div>
<div class="clearfix visible-sm visible-xs"><br/></div>
</div>
<div style="margin-top:20px;">
<a href="/buyer-terms-and-conditions">Terms and Conditions</a> </div>
</div>
</div>
<div class="col_one_third">
<div class="widget clearfix">
<div id="fb-root"></div>
<script type="text/javascript">
console.log("FB WIDGET");
$(window).ready(function(){
setTimeout(function(){
$('body').append('<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v4.0&autoLogAppEvents=1">\<\/script>');
},1000);
});
</script>
<div class="fb-page" data-href="https://www.facebook.com/lakshop.lk/" data-adapt-container-width="true" data-tabs="timeline" data-width="" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/lakshop.lk/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/lakshop.lk/">Techno City</a></blockquote></div>
</div>
</div>
<div class="col_one_third col_last">
<div class="widget clearfix">
<style type="text/css">
#map {
width:100%;
height:250px;
min-height: 250px;
background: url('/files/websites/location/map.jpg') center center;
display: inline-block;
background-size:cover;
}
</style>
<a target="_blank" href="https://maps.google.com/?q=6.89597416,79.87513733">
<div id="map" style=""></div>
</a>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights" style="padding:5px 0; color:#fff; background:#0082FC">
<div class="container">
<div class="col_full text-center" style="margin-bottom:0px;">
Techno City<span style="color:#C5C5C5;"> © 2026 All rights reserved </span> | <span id="powered-by-text"><span style="color:#C5C5C5;">Powered by </span><a href="https://lakshop.lk/" style="color:#fff;" target="_blank" class="powered-by-link">LakSHOP website builder</a></span> </div>
</div>
</div>
</footer>
</div>
<div id="gotoTop" class="icon-line-arrow-up"></div>
<script src="/js/js/plugins.js"></script>
<script src="/js/js/functions.js"></script>
<script src="/js/js/jquery-ui.js"></script>
<script src="/js/js/add_to_cart.js"></script> <script src="/js/js/remove_from_cart.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#form-search-item').on('keyup keypress', function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
e.preventDefault();
return false;
}
});
$('#search-text').typeahead({
source: function (query, result) {
$('#search-text-value').val(query);
$.ajax({
url: '/products/findItem',
data: 'query=' + query,
dataType: "json",
type: "POST",
display: 'name',
success: function (data) {
var retStr = '';
result($.map(data, function (item) {
if(item.type == 'product_sub_category'){
retStr = '<div class="search-result cat-result" data-pc-id="'+item.pc_id+'" data-psc-id="'+item.psc_id+'" data-pssc-id="">';
retStr += '<span class="cat-search-result" style="background:#E9E9E9;">'+item.pc_name+'</span>';
retStr += ' -> '+'<a href="#" class="cat-search-result" style="background:#E2EEED;padding:2px 3px !important;">'+item.psc_name+'</a>';
retStr += '</div>';
}
if(item.type == 'product_category'){
retStr = '<div class="search-result cat-result" data-pc-id="'+item.pc_id+'" data-psc-id="" data-pssc-id="">';
retStr += '<a href="#" class="cat-search-result" style="background:#E9E9E9;padding:2px 3px !important;">'+item.pc_name+'</a>';
retStr += '</div>';
}
if(item.type == 'product'){
retStr = '<div id="'+item.href+'" class="search-result" data-pc-id="">'+item.name+'</div>';
}
return retStr;
}));
if($('.typeahead.dropdown-menu').length > 0){
// $('.typeahead.dropdown-menu').append('<li class="view-all" style="text-align:center;border-top:1px solid #efefef;"><a href="#" class="red-text" style="font-weight:bold;letter-spacing:1px;">View All</a></li>');
}
}
});
}
}).on('keydown', function(e) {
if (e.which == 13) {
if($('#form-search-item ul.typeahead').length > 0){
$('#form-search-item ul.typeahead li:first-child div').trigger('click');
}
else{
visitSearchResultPage();
}
}
});
});
function visitSearchResultPage(){
searchedText = $('#search-text-value').val();
window.location.href = '/products/search-result/'+searchedText;
}
$(document).ready(function(){
$('body').on('click','.view-all',function(e){
visitSearchResultPage();
e.preventDefault();
});
$('#form-search-item').submit(function(e){
visitSearchResultPage();
e.preventDefault();
});
$('body').on('click','.clear-search',function(e){
$('#search-text-value').val('');
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val('');
return false;
});
$('body').on('click','#form-search-item ul.typeahead li div',function(e){
var pcId = $(this).attr('data-pc-id');
var pscId = $(this).attr('data-psc-id');
var psscId = $(this).attr('data-pssc-id');
if(pcId == ''){ //we are clicking on a product
var itemId = $(this).attr('id');
var itemName = $(this).text();
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val(itemName);
var formAction = '/websites/item-detail/product/'+itemId;
window.location.href = formAction;
}
else{
var dataPcFilterName = 'pc='+pcId;
var dataPscFilterName = (pscId != '' && pscId != undefined) ? 'psc='+pscId : '';
var dataPsscFilterName = (psscId != '' && psscId != undefined) ? 'pssc='+psscId : '';
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val('');
var redirectLinkArray = [];
if (dataPcFilterName != "") {
redirectLinkArray.push(dataPcFilterName);
}
if (dataPscFilterName != "") {
redirectLinkArray.push(dataPscFilterName);
}
if (dataPsscFilterName != "") {
redirectLinkArray.push(dataPsscFilterName);
}
var redirectLink = redirectLinkArray.join("&");
window.location = '/shop/?'+redirectLink;
}
return false;
});
$('body').on('click','#form-search-item ul.typeahead li',function(e){
//~ console.log('click li');
if($(this).hasClass('view-all')){
$('.view-all').trigger('click');
}
else{
var pcId = $(this).find('div').attr('data-pc-id');
if(pcId == ''){ //we are clicking on a product
var itemId = $(this).find('div').attr('id');
var itemName = $(this).find('div').text();
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val(itemName);
var formAction = '/websites/item-detail/product/'+itemId;
window.location.href = formAction
}
else{
var dataPcFilerName = 'pc-'+pcId;
var pscId = $(this).find('div').attr('data-psc-id');
var dataPscFilerName = (pscId != '') ? 'psc-'+pscId : '';
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val('');
if(dataPscFilerName == ''){
var formAction = 'https://stgsite156.lakshop.lk/?dataPc='+dataPcFilerName;
window.location.href = formAction;
}
else{
var formAction = 'https://stgsite156.lakshop.lk/?dataPc='+dataPcFilerName+'&dataPsc='+dataPscFilerName;
window.location.href = formAction;
}
}
}
return false;
});
$('body').on('keydown','#form-search-item ul.typeahead li',function(e){
if (e.keyCode == 13){
e.preventDefault();
return false;
}
});
});
</script>
<script src="/js/rateyo/jquery.rateyo.min.js"></script> <script src="/js/js/waitMe.min.js"></script> <script type="text/javascript">
$('#close-top-cart').click(function(e){
$('#top-cart').removeClass('top-cart-open');
});
var currentController = 'websites';
var currentAction = 'shop';
console.log('currentController ='+currentController+' currentAction='+currentAction);
if(!(currentController == 'cartitems' && currentAction=='viewcart')){
if('0' > 0){
$('#delivery-not-supported').slideDown('slow');
}
}
</script>
<script type="text/javascript">
</script>
<style type="text/css">
/* The Modal (background) */
.location-model {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1000; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: hidden; /* Enable scroll if needed */
background-color: rgba(255,255,255,0.95); /* Black w/ opacity */
}
/* Modal Content/Box */
.location-modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
width: 80%; /* Could be more or less, depending on screen size */
}
/* The Close Button */
.location-model-close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
width:auto;
}
.location-model-close:hover,
.location-model-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.location-modal-content h4 {
color: #000;
}
#btn-set-location-invoke {
position: fixed;
bottom:0px;
right:0px;
z-index: 10000;
}
</style>
<!-- Trigger/Open The Modal -->
<div id="location-set-model" class="location-model">
<!-- Modal content -->
<div class="location-modal-content">
<div class="clearfix">
<h4>Please select your district and the city<span class="location-model-close">×</span></h4>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col col-12 col-sm-4 location-set-district">
<div class="input select"><label for="district-id">District</label><select name="district_id" class="form-control" id="district-id"><option value="9">Ampara</option><option value="14">Anuradhapura</option><option value="23">Badulla</option><option value="7">Batticaloa</option><option value="1" selected="selected">Colombo</option><option value="20">Galle</option><option value="2">Gampaha</option><option value="22">Hambantota</option><option value="10">Jaffna</option><option value="3">Kalutara</option><option value="4">Kandy</option><option value="19">Kegalle</option><option value="25">Kilinochchi</option><option value="16">Kurunegala</option><option value="11">Mannar</option><option value="5">Matale</option><option value="21">Matara</option><option value="24">Moneragala</option><option value="12">Mullaitivu</option><option value="6">Nuwaraeliya</option><option value="15">Polonnaruwa</option><option value="17">Puttalam</option><option value="18">Ratnapura</option><option value="8">Trincomalee</option><option value="13">Vavuniya</option></select></div> </div>
<div class="col col-12 col-sm-4 location-set-city">
<div class="input select"><label for="city-id">City</label><select name="city_id" class="form-control" id="city-id"></select></div> </div>
</div>
<hr>
<div class="row">
<button class="btn btn-success btn-block form-control button" id="btn-set-location" type="submit">Update</button> </div>
</div>
</div>
<script type="text/javascript">
// Get the modal
var locationSettingModel = document.getElementById("location-set-model");
// Get the button that opens the modal
var btnSetLocationInvoke = document.getElementById("btn-set-location-invoke");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("location-model-close")[0];
if (btnSetLocationInvoke != undefined){
// When the user clicks on the button, open the modal
btnSetLocationInvoke.onclick = function() {
showLocationSettingDialog();
}
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
hideLocationSettingDialog();
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == locationSettingModel) {
hideLocationSettingDialog();
}
}
function showLocationSettingDialog(){
locationSettingModel.style.display = "block";
$('body').css('overflow','hidden');
// setTimeout( function(){
$('#location-set-model #district-id').val('1');
$('#location-set-model #district-id').trigger('change');
// }, 500);
$('#location-set-model #country-id').trigger('change');
$('.location-modal-content #country-id').chosen();
}
function hideLocationSettingDialog(){
locationSettingModel.style.display = "none";
$('body').css('overflow','auto');
}
$('#btn-set-location').click(function(){
$('body').waitMe();
/* For guests, set a session. For others, update user's profile */
var countryId = $('#location-set-model #country-id').val();
var districtId = $('#location-set-model #district-id').val();
var cityId = $('#location-set-model #city-id').val();
var postCode = $('#location-set-model #post-code').val();
console.log(countryId,districtId,cityId );
$.ajax({
type : 'POST',
url : '/users/set-district-city',
data : 'country_id='+countryId+'&district_id='+districtId+"&city_id="+cityId+'&post_code='+postCode,
success : function(message){
hideLocationSettingDialog();
if (message == 'success'){
location.reload();
} else {
alert ("Error occurred. Please try again.");
}
},
error : function(){
hideLocationSettingDialog();
}
});
});
$('#location-set-model #country-id').change(function(){
$('#location-set-model .location-set-district, #location-set-model .location-set-city, #location-set-model .location-set-postcode').hide();
var selCountry = $(this).val();
if (selCountry == '200'){
$('#location-set-model .location-set-district, #location-set-model .location-set-city').show();
} else {
$('#location-set-model .location-set-district, #location-set-model .location-set-city').hide();
$('#location-set-model .location-set-postcode').show();
}
});
</script>
<script src="/js/common/district_city_filter.js"></script>
<script type="text/javascript">
//to get sub categories based on categories
$("select#products-0-district-id").change(function(){
console.log('Triggering district change function');
var selectedDistrictId = $(this).val();
console.log("selected district id ", selectedDistrictId);
var cities = getCityOptionsFromDistrictId(selectedDistrictId);
console.log("GOT CITIES",cities);
$('#products-0-city-id, #edit-form #products-0-city-id').html(cities);
$("select#products-0-city-id").trigger("chosen:updated");
});
$("select#district-id").change(function(){
console.log('Triggering district change function');
var selectedDistrictId = $(this).val();
console.log("selected district id ", selectedDistrictId);
var cities = getCityOptionsFromDistrictId(selectedDistrictId);
console.log("GOT CITIES",cities);
$('#city-id').html(cities);
});
</script>
<script type="text/javascript">
$(function(){
// $('.location-modal-content #country-id').chosen();
});
</script>
</body>
</html>
'
}
$maxBufferLength = (int) 8192
$file = '/home/lakshopdev/web/stg.lakshop.lk/public_html/vendor/cakephp/cakephp/src/Error/Debugger.php'
$line = (int) 850
$message = 'Unable to emit headers. Headers sent in file=/home/lakshopdev/web/stg.lakshop.lk/public_html/vendor/cakephp/cakephp/src/Error/Debugger.php line=850' Cake\Http\ResponseEmitter::emit() - CORE/src/Http/ResponseEmitter.php, line 48
Cake\Http\Server::emit() - CORE/src/Http/Server.php, line 106
[main] - ROOT/webroot/index.php, line 47 Warning (2)CORE/src/Http/ResponseEmitter.php , line 148 ]Code Context $response -> getStatusCode (), ( $reasonPhrase ? ' ' . $reasonPhrase : '' ) )); $response = object(Cake\Http\Response) {
'status' => (int) 200,
'contentType' => 'text/html',
'headers' => [
'Content-Type' => [
[maximum depth reached]
]
],
'file' => null,
'fileRange' => [],
'cookies' => object(Cake\Http\Cookie\CookieCollection) {},
'cacheDirectives' => [],
'body' => '<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your technical expert | Techno City</title>
<link href="/files/websites/favicon/ca275f2f-9978-4dfd-985e-6764c10e8955/small_fav.png" type="image/x-icon" rel="icon"/><link href="/files/websites/favicon/ca275f2f-9978-4dfd-985e-6764c10e8955/small_fav.png" type="image/x-icon" rel="shortcut icon"/>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
<link rel="stylesheet" href="/css/css/bootstrap.css"/> <link rel="stylesheet" href="/css/style.css"/>
<link rel="stylesheet" href="/css/css/dark.css"/> <link rel="stylesheet" href="/css/css/swiper.css"/> <link rel="stylesheet" href="/css/lakshop.css"/> <link rel="stylesheet" href="/css/lakshop_template_style.css"/> <link rel="stylesheet" href="/css/lakshop_template_ecom_style.css"/>
<link rel="stylesheet" href="/css/rateyo/jquery.rateyo.min.css"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css" rel="stylesheet">
<!-- Coffee Demo Specific Stylesheet -->
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/fonts.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/font-icons.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/animate.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/magnific-popup.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/responsive.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/colors.php?color=0082FC"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/xzoom.css"/> <link rel="stylesheet" href="/css/css/jquery.dataTables.min.css"/> <link rel="stylesheet" href="/css/css/jquery.bt.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/store_box.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/store_box_min.css"/>
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/techno_city.css"/>
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/techno_city_min.css"/>
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/sweet_house_min.css"/>
<link rel="stylesheet" href="/css/css/chosen.min.css"/> <link rel="stylesheet" type="text/css" href="/css/waitMe/waitMe.min.css">
<script src="/js/js/jquery.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>
<script src="/js/js/chosen.jquery.min.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/xzoom.min.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/jquery.hammer.min.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/magnific-popup.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/setup.js"></script>
<script src="/js/js/app.js"></script> <script src="/js/js/jquery.dataTables.min.js"></script> <script src="/js/js/jquery.bt.min.js"></script>
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:title" content="Techno City" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://stgsite156.lakshop.lk/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/large_logo.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="">
<meta property="twitter:title" content="Techno City">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="https://stgsite156.lakshop.lk/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/large_logo.png">
<meta name="title" content="Your technical expert | Techno City">
<meta name="description" content="Your technical expert | Techno City">
<style type="text/css">
#header{
background:#0082FC !important;
}
#header.sticky-header #header-wrap{
background:#0082FC !important;
}
#welcome-row{
background:#FED501 !important;
color:#fff;
}
#welcome-row a{
color:#fff !important;
}
#copyrights{
background:#FED501 !important;
color:#fff;
}
.top-cart-trigger span {
border: 1px solid #FED501 !important;
background: #FED501 !important;
color: #fff;
}
#top-cart .top-cart-content{
border-top: 2px solid #0082FC !important;
}
#product-category-row ul.list-inline li{
color:#0082FC }
.breadcrumbs ul li a:current-page{
color:#0082FC }
#item-single-content .item-cart-count{
background: #FED501 !important;
}
.top-cart-trigger span{
border: 1px solid #0082FC;
background: #0082FC;
color:#fff;
}
.top-cart-action a.fleft{
background: #0082FC !important;
}
#top-cart-total {
color: #0082FC !important;
}
.button-red, .button-red:hover {
background-color: #FED501 !important;
}
.button-3d.button-red:hover, .button-reveal.button-red:hover, .button-border.button-red:hover, .button-border.button-red.button-fill:before{
background-color: #FED501 !important;
}
/* #inform-checkout{
background: #0082FC !important;
} */
.product-thumb-box .item-cart-count{
background: #FED501 !important;
}
.widget-filter-links li.active-filter span{
background: #FED501 !important;
}
.top-cart-action span.top-checkout-price {
color: #0082FC !important;
float:right !important;
}
.top-cart-action .button.btn-primary{
background: #FED501 !important;
}
.top-cart-action .button.btn-success{
background: #0082FC !important;
}
.btn-primary:hover{
background: #FED501 !important;
}
.product-price ins{
color: #0082FC !important;
}
.gray-text a{
color:#FED501 !important;
}
.flash-updte-cart-msg p{
color:#FED501 !important;
}
#item-single-content .discounted-price, #item-single-content .normal-price{
color:#0082FC !important;
}
.top-cart-item-desc span.top-cart-item-price{
color: #0082FC !important;
}
</style>
</head>
<body class="stretched">
<style type="text/css">
.sample-inform-div{
text-align: center;
padding: 10px 0;
background: #333;
color: #fff;
}
.sample-inform-div a{
color:#fff;
font-weight:bold;
}
</style>
<div class="sample-inform-div">
This website is a sample website made from the <a href="https://stg.lakshop.lk" target="_blank">Site Maker</a> platform; create your own stunning site today with <a href="https://stg.lakshop.lk" target="_blank">Site Maker</a>!
</div>
<!-- Custom CSS -->
<style type="text/css">
</style>
<div id="wrapper" class="clearfix">
<script src="/js/js/typeahead.js"></script><link rel="stylesheet" href="/css/css/search_box.css"/>
<header id="header" class="full-header header-common-backend">
<div id="header-wrap">
<div class="container">
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
<!-- Logo
============================================= -->
<div id="logo">
<a href="/" class="standard-logo"><img src="/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/large_logo.png" alt=""/></a>
<a href="/" class="retina-logo"><img src="/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/small_logo.png" alt=""/></a> </div>
<!-- Primary Navigation
============================================= -->
<nav id="primary-menu">
<ul>
<li class="hidden"><a href="/#section-about-us" data-scrollto="#section-about-us"><div>About</div></a></li>
<li class="current"><a href="/shop">Shop</a></li>
<li class="hidden"><a href="/#section-testimonials" data-scrollto="#section-testimonials"><div>Testimonial</div></a></li>
<li class="hidden-lg"><a href="/#section-contact-us" data-scrollto="#section-contact-us"><div>Contact Us</div></a></li>
<li>
<a href="/login">Login/Register</a> </li>
</ul>
<div style="display:inline-block;margin-top:15px;max-width:250px;" id="search-div">
<form method="post" accept-charset="utf-8" id="form-search-item" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div> <div class="input-group">
<span class="input-group-addon" style="padding:2px 5px 2px 10px;background:#fff;border-right:0;border-top-left-radius: 18px;border-bottom-left-radius: 18px;">
<button type="submit" class="btn btn-default" style="padding:0;border-color:#fff;"><i class="icon-search"></i></button>
</span>
<div class="input text"><input type="text" name="search_text" placeholder="search anything" class="typeahead input-group-field form-control search-box-middle" style="min-width:50px !important;border-right:0;border-left:0;" id="search-text"/></div>
<span class="input-group-addon" style="padding:2px 10px 2px 5px;background:#fff;border-left:0;border-top-right-radius: 18px;border-bottom-right-radius: 18px;">
<a href="#" class="clear-search">X</a>
</span>
<input type="hidden" name="search_text_value" id="search-text-value"/> </div>
</form> </div>
<div id="inform-checkout" style="display:none;">
<span><a href="/checkout">Checkout</a></span> or <span id="skip-inform-checkout"><a href="#">Continue shopping</a></span>
</div>
<div id="delivery-not-supported" style="display:none;">
Some vendors not support delivery to your location <span id="modify-cart-dns"><a href="/view-cart">Modify my cart</a></span>
</div>
<!-- Top Cart
============================================= -->
<div id="top-cart" class="top-cart top-cart-element">
<div id="top-cart-trigger" class="top-cart-trigger">
<i class="icon-shopping-cart"></i>
<span>0</span>
</div>
<div class="top-cart-content">
<div class="top-cart-title">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-8 colxs-6">
<h4>My Cart</h4>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 colxs-6">
<div class="text-right">
<div style="color:#333;font-weight:bold;" id = 'close-top-cart' class ='close-top-cart'>X</div>
</div>
</div>
</div>
</div>
<div class="top-cart-items" id="cart">
</div>
<div class="top-cart-action clearfix">
<span class="fleft top-checkout-price">Rs. <span id="top-cart-total">0.00</span></span>
</div>
<div class="top-cart-action clearfix">
<a href="/view-cart" class="button button-3d button-small nomargin fleft btn btn-primary btn-sm">View Cart</a> <a href="/checkout" class="button-black button button-3d button-small nomargin fright btn btn-success btn-sm">Checkout</a> </div>
</div>
</div><!-- #top-cart end -->
</nav><!-- #primary-menu end -->
</div>
<div id="welcome-row">
<span class="hidden-xs pull-left">Welcome </span>
<span class="text-left pull-left" style="display:inline-block;">
Guest (<a href="/login">Login</a>) </span>
<span class="text-left pull-left hidden-xs" style="margin-left:5px;">Your location :
-
</span>
<div class="text-right pull-right" style="display:inline-block;">
<br>
</div>
</div>
</div>
</header>
<script type="text/javascript">
var summernoteSettings = {
toolbar: [
['fontSizes', ['8', '9', '10', '11', '12', '14', '16','18','20','22','24','25','30']],
['cleaner',['cleaner']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['color','fontname','strikethrough']],
['fontsize', ['fontsize']],
['para', ['ul', 'ol', 'paragraph']],
['table',['table']],
['insert',['picture','hr','link']],
['view',['codeview']],
['other',[,'undo','redo']]
],
cleaner:{
action: 'button',
newline: '',
icon: '<i class="note-icon">Clean Text</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>','<table>','<thead>','<tbody>','<th>','<tr>','<td>'],
keepClasses: false,
badTags: ['span','style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}
};
var summernoteSettingsWithImage = {
toolbar: [
['cleaner',['cleaner']],
['fontSizes', ['8', '9', '10', '11', '12', '14', '16','18','20','22','24','25','30']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['color','fontname','fontsize','strikethrough']],
['para', ['ul', 'ol', 'paragraph']],
['table',['table']],
['insert',['picture','hr','link']],
['view',['codeview']],
['other',[,'undo','redo']]
],
cleaner:{
action: 'button',
newline: '',
icon: '<i class="note-icon">Clean Text</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>','<table>','<thead>','<tbody>','<th>','<tr>','<td>'],
keepClasses: false,
badTags: ['span','style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}
};
var summernoteMinimal = {
toolbar: [
['cleaner',['cleaner']],
['fontSizes', ['8', '9', '10', '11', '12', '14', '16','18','20','22','24','25','30']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['fontsize','strikethrough']],
['para', ['ul', 'ol', 'paragraph']],
['other',[,'undo','redo']]
],
cleaner:{
action: 'button',
newline: '',
icon: '<i class="note-icon">Clean Text</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>','<table>','<thead>','<tbody>','<th>','<tr>','<td>'],
keepClasses: false,
badTags: ['span','style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}
};
// $(function(){
// $.extend($.summernote.plugins, {
// 'brenter': function (context) {
// this.events = {
// 'summernote.enter': function (we, e) {
// e.trigger($.Event("keydown", {
// keyCode: 13, // ENTER
// shiftKey: true
// }));
// e.preventDefault();
// }
// };
// }
// });
// });
/*,
cleaner:{
action: 'both',
newline: '<br>',
icon: '<i class="note-icon">[Your Button]</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>'],
keepClasses: false,
badTags: ['style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}*/
</script>
<div class="container">
</div>
<div class="content-wrap">
<div class="container">
</div>
<section id="content">
<div id="shop-page">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<style type="text/css">
.list-group-item {
background: inherit;
}
</style>
<div class="sidebar nobottommargin">
<div class="sidebar-widgets-wrap" style="padding:5px; border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px solid #F2F2F2;
-webkit-box-shadow: 0px 5px 15px -6px rgba(0,0,0,0.44);
box-shadow: 0px 5px 15px -6px rgba(0,0,0,0.44); margin-top:10px;background:#fAfAfA;">
<div class="widget widget-filter-links clearfix" id="shop-custom-filter">
<ul class="custom-filter list-group" data-container="#shop .row" data-active-class="active-filter" id="shop-menu">
<li class="widget-filter-reset active-filter text-center">
<a href="#" data-filter="*" id="list-clear" class="btn btn-sm btn-warning">Clear filter</a>
</li>
<li>
<label>Category</label>
</li>
<li>
<a href="#sub-menu-117" id="side-menu-pc-117" data-toggle="collapse" data-filter=".pc-117" data-pc-id="117" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/7e20598c-92ab-4b3d-b3d8-cb58291aff3a/small_laptops.jpg" class="shop-pc-icon" alt=""/> Laptops</a>
<span class="parent-count">5</span>
</li>
<li>
<a href="#sub-menu-118" id="side-menu-pc-118" data-toggle="collapse" data-filter=".pc-118" data-pc-id="118" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/6776ea7e-540b-4897-8ef8-d5bde6c6c277/small_mobiles.jpg" class="shop-pc-icon" alt=""/> Mobile Phones</a>
<span class="parent-count">6</span>
</li>
<li>
<a href="#sub-menu-119" id="side-menu-pc-119" data-toggle="collapse" data-filter=".pc-119" data-pc-id="119" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/74ddf946-c7bc-4066-84a3-9e1a6dd5d019/small_tablets.jpg" class="shop-pc-icon" alt=""/> Tablets</a>
<span class="parent-count">5</span>
</li>
<li>
<a href="#sub-menu-120" id="side-menu-pc-120" data-toggle="collapse" data-filter=".pc-120" data-pc-id="120" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/676292cc-b174-4b0e-b809-7cf539e1c76d/small_tv.jpg" class="shop-pc-icon" alt=""/> Televisions</a>
<span class="parent-count">4</span>
</li>
<li>
<a href="#sub-menu-121" id="side-menu-pc-121" data-toggle="collapse" data-filter=".pc-121" data-pc-id="121" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/1c1f2103-3125-4897-87d9-456d4b17b56f/small_home_appliances.jpg" class="shop-pc-icon" alt=""/> Home Appliances</a>
<span class="parent-count">4</span>
</li>
<li>
<a href="#sub-menu-122" id="side-menu-pc-122" data-toggle="collapse" data-filter=".pc-122" data-pc-id="122" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/779572e5-d56d-4a8f-8774-28453f02f4e2/small_accessories.jpg" class="shop-pc-icon" alt=""/> Accessories</a>
<span class="parent-count">3</span>
</li>
<button id="update-products" class="button button-3d" style="width:100%;" type="submit">Search</button>
</ul>
<hr/>
</div>
<a href="/checkout" class="button button-3d button-black">Checkout</a> </div>
</div>
<script type="text/javascript">
/* When directly coming from the home page navigation menu into a category, sub category or a super sub category, need to open the hierarchy */
$('ul#shop-menu a').each (function(i,e){
if ($(this).attr('id') == 'side-menu-pc-120'){
$(this).parent('li').addClass('active-menu');
$(this).parent('li').addClass('active-filter');
$(this).siblings('ul').addClass('in');
$(this).siblings('ul').find('ul').addClass('in');
}
});
$('#brand-id').change(function(){
var selectedBrandId = $(this).val();
console.log("Selected brand "+ parseFloat(selectedBrandId));
if ( selectedBrandId > 0){
$('.brand-icon-'+selectedBrandId+' img').trigger('click');
} else {
console.log('clear brand selection');
$('.all-brands-icon img').trigger('click');
}
});
</script> </div>
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 ">
<div class="row">
<div class="col col-12 hidden-xs hidden-sm" id="shop-top-brands-icon-buttons">
<style type="text/css">
.shop-page-brand-icon {
padding:2px;
cursor: pointer;
}
.shop-page-brand-icon img {
max-width:80%;
width:100%;
}
</style>
<fieldset style="padding:0px 20px;">
<label>Brands</label>
<div class="row">
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon dynamic-icon brand-icon-27" data-filter="brand-27" data-brand-id="27">
<img src="/img/../files/brands/photo/1a4441c5-397b-4794-b75f-94725c979f2f/small_2.png" class="" alt=""/> </div>
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon dynamic-icon brand-icon-28" data-filter="brand-28" data-brand-id="28">
<img src="/img/../files/brands/photo/7b0e70cd-9f51-4ce4-a3d3-98faa5601978/small_3.png" class="" alt=""/> </div>
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon dynamic-icon brand-icon-26" data-filter="brand-26" data-brand-id="26">
<img src="/img/../files/brands/photo/82e82017-f105-4912-a37d-ba6d86c5613f/small_1.png" class="" alt=""/> </div>
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon all-brands-icon">
<img src="/img/brands/brands_all.png" alt=""/> </div>
</div>
</fieldset>
<hr/>
<script type="text/javascript">
$('.shop-page-brand-icon').hide();
Array
(
[0] => -1
[1] => 27
[2] => 28
[3] => 26
)
$('.brand-icon-'+-1).show();
$('.brand-icon-'+27).show();
$('.brand-icon-'+28).show();
$('.brand-icon-'+26).show();
</script> </div>
<div class="col">
<div id="shop" class="shop-content-products">
<div class="row no-side-margins no-side-padding" id="product-row">
<style type="text/css">
.product-price.is-discounted,.is-discounted{
text-decoration: none !important;
}
.product-price.is-discounted ins,.product-price.is-discounted,.is-discounted{
color:#777 !important;
}
.product-price.is-discounted ins{
text-decoration: line-through !important;
}
.product-price.is-discounted span.discount-given{
color:red !important;
text-decoration: none !important;
}
#top-cart .is-discounted{
text-decoration: line-through !important;
color:#777 !important;
}
</style>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1101">
<input type="hidden" id="available-brands" name="available_brands" value="27,26,28,27"/>
<div class="product-thumb-box product-thumb-box-1101 product-thumb " data-page-offset='1' data-item-id ='1101'>
<div id="in-cart-count-product-1101" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/ampx-tv-v3">
<img src="/files/productimages/photo/11862f07-3cbe-4895-8433-d547ee042172/thumb_square_tv_4.jpg" alt="AmpX TV V3"/> <div class="product-overlay">
<a href="/product/ampx-tv-v3" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/ampx-tv-v3" title="AmpX TV V3">AmpX TV V3</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 150,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1101" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1101">-</a>
<div class="input text"><input type="text" name="product[1101][quantity]" step="1" min="1" max="60" class="qty" id="product-1101-quantity" value="1"/></div><input type="hidden" name="product[1101][max_allowed]" id="product-1101-max-allowed" value="60"/><input type="hidden" name="product[1101][in_cart_count]" id="product-1101-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1101">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1101" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1101" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1101" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1101" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1100">
<div class="product-thumb-box product-thumb-box-1100 product-thumb " data-page-offset='1' data-item-id ='1100'>
<div id="in-cart-count-product-1100" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/z100-zp-tv">
<img src="/files/productimages/photo/e7cddfac-76fb-4df7-b335-db27c586e2e3/thumb_square_tv_3.jpg" alt="Z100 ZP TV"/> <div class="product-overlay">
<a href="/product/z100-zp-tv" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/z100-zp-tv" title="Z100 ZP TV">Z100 ZP TV</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 160,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1100" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1100">-</a>
<div class="input text"><input type="text" name="product[1100][quantity]" step="1" min="1" max="30" class="qty" id="product-1100-quantity" value="1"/></div><input type="hidden" name="product[1100][max_allowed]" id="product-1100-max-allowed" value="30"/><input type="hidden" name="product[1100][in_cart_count]" id="product-1100-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1100">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1100" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1100" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1100" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1100" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1099">
<div class="product-thumb-box product-thumb-box-1099 product-thumb " data-page-offset='1' data-item-id ='1099'>
<div id="in-cart-count-product-1099" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/ct-tv-400">
<img src="/files/productimages/photo/7c716362-1ae2-4adf-9b57-e1e12ecfce65/thumb_square_tv_2.jpg" alt="CT TV 400"/> <div class="product-overlay">
<a href="/product/ct-tv-400" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/ct-tv-400" title="CT TV 400">CT TV 400</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 180,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1099" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1099">-</a>
<div class="input text"><input type="text" name="product[1099][quantity]" step="1" min="1" max="10" class="qty" id="product-1099-quantity" value="1"/></div><input type="hidden" name="product[1099][max_allowed]" id="product-1099-max-allowed" value="10"/><input type="hidden" name="product[1099][in_cart_count]" id="product-1099-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1099">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1099" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1099" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1099" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1099" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1098">
<div class="product-thumb-box product-thumb-box-1098 product-thumb " data-page-offset='1' data-item-id ='1098'>
<div id="in-cart-count-product-1098" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/ampx-tv-v1">
<img src="/files/productimages/photo/86f9f789-6603-451b-998a-171a20b77738/thumb_square_tv_1.jpg" alt="AmpX TV V1"/> <div class="product-overlay">
<a href="/product/ampx-tv-v1" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/ampx-tv-v1" title="AmpX TV V1">AmpX TV V1</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 150,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1098" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1098">-</a>
<div class="input text"><input type="text" name="product[1098][quantity]" step="1" min="1" max="15" class="qty" id="product-1098-quantity" value="1"/></div><input type="hidden" name="product[1098][max_allowed]" id="product-1098-max-allowed" value="15"/><input type="hidden" name="product[1098][in_cart_count]" id="product-1098-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1098">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1098" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1098" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1098" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1098" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<script type="text/javascript">
var totalProductsLoad = 4;
</script>
</div>
</div>
<div id="shop-products-load-more" class="row small-12 medium-12 large-12 load-more text-center" data-page-offset="1" style="width:100%;height:65px;" data-ajax-call-sent="0">
<img src="/img/loading.gif" id="loading-img" style="height:100%;display:none;" alt=""/></div>
<div class="row" id="show-more-button">
<div class="col col-xs-12">
<button class=" btn btn-success btn-block load-more-button" type="submit">Load more</button> </div>
</div>
<script type="text/javascript">
$('body').on('click','.plus-minus-btn',function(){
console.log("In plus minus click");
var dataPm = $(this).attr('data-pm');
var itemTypePm = $(this).attr('data-item-type');
var itemIdPm = $(this).attr('data-item-id');
var currentQty = $('#'+itemTypePm+'-'+itemIdPm+'-quantity').val();
var newQty = currentQty;
var mxAllowed = $('#'+itemTypePm+'-'+itemIdPm+'-max-allowed').val();
console.log("cs", dataPm, itemTypePm,itemIdPm, currentQty,newQty, mxAllowed);
if(dataPm == 'plus'){
if((parseInt(currentQty) < parseInt(mxAllowed)) || (parseInt(mxAllowed) < 0)){ //maxallowed < 0 means this item has unlimited qty
newQty = parseInt(currentQty) + 1;
console.log('dataPm ='+dataPm+' currentQty='+currentQty+'newQty ='+newQty+' mxAllowed='+mxAllowed);
}
}
else{
if(parseInt(currentQty) > 1){
newQty = parseInt(currentQty) - 1;
}
else{
alert('Sorry, please check the quantity you are going to add in to your cart');
}
}
$('#'+itemTypePm+'-'+itemIdPm+'-quantity').val(newQty);
return false;
});
</script>
<script type="text/javascript" src="/js/waitMe/waitMe.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/waitMe/waitMe.min.css">
<script type="text/javascript">
var scrollToAfterLoad = 0;
/* We use this to hide the 'load more' button */
var loadedProductCount = $('.product-thumb-area').length;
checkAndHideLoadMoreButton(totalProductsLoad, loadedProductCount);
function scrollToTopOfProducts(){
$([document.documentElement, document.body]).animate({
scrollTop: $(".shop-content-products").offset().top - 200
}, 2000);
}
function loadItemsOnDemand(lastPageOffset,dataFilter,containerName,loadItemLimit,thumbBoxElement,vendorId = null,currentPc = null,currentPsc = null, currentPssc=null, currentBrand=null, currentProductModelId=null, currentProductYear=null, currentSearchKeyword=null, currentDistrict=null, currentCity=null, currentMinYear=null, currentMaxYear=null, currentMinPrice=null, currentMaxPrice=null, selectedColors=null, selectedSizes=null, selectedMaterials=null){
loadedProductCount = $('.product-thumb-area').length;
// console.log(selectedColors);
var colors = JSON.stringify(selectedColors);
var sizes = JSON.stringify(selectedSizes);
var materials = JSON.stringify(selectedMaterials);
$('#'+containerName+ ' div.message').remove();
var tmpCurrentPc = currentPc;
loadItemLimit = (loadItemLimit == null) ? 24 : loadItemLimit;
thumbBoxElement = (thumbBoxElement == null) ? 'product_thumb_box_1' : thumbBoxElement;
$('body').waitMe();
$.ajax({
type: 'POST',
url: '/websites/get-shop-products',
data : 'data-last-page-offset='+lastPageOffset+'&data-filter='+dataFilter+'&data-item-load-limit='+loadItemLimit+'&data-thumb-box-element='+thumbBoxElement+'&data-vendor-id='+vendorId+'&data-pc-id='+currentPc+'&data-psc-id='+currentPsc+'&data-pssc-id='+currentPssc+'&data-brand-id='+currentBrand+'&data-product-model-id='+currentProductModelId+'&data-product-year='+currentProductYear+'&data-search-keyword='+currentSearchKeyword+'&data-district-id='+currentDistrict+'&data-city-id='+currentCity+'&data-min-year='+currentMinYear+'&data-max-year='+currentMaxYear+'&data-min-price='+currentMinPrice+'&data-max-price='+currentMaxPrice+'&data-colors='+colors+'&data-sizes='+sizes+'&data-materials='+materials,
beforeSend:function(){
$('#shop-products-load-more #loading-img').show();
},
success: function(result){
console.log("Items retrieved");
var result = jQuery.parseJSON(result);
var categoryDetails = result.category_details;
$('#shop-products-load-more #loading-img').hide();
if (categoryDetails.pcId == "null") {
categoryDetails.pcId = null;
}
if (categoryDetails.pscId == "null") {
categoryDetails.pscId = null;
}
if (categoryDetails.psscId == "null") {
categoryDetails.psscId = null;
}
if (categoryDetails.brandId == "null") {
categoryDetails.brandId = null;
}
if (
(categoryDetails.pcId == currentClickedPc) &&
(categoryDetails.pscId == currentClickedPsc) &&
(categoryDetails.psscId == currentClickedPssc) &&
(categoryDetails.brandId == currentClickedBrand)
)
{
var $items = $(result.dom);
totalProductsLoad = result.total_products;
var inPageOffset = lastPageOffset;
var outPageOffset = '0';
if(dataFilter == '0'){
console.log('1=');
outPageOffset = ( inPageOffset == 0 ) ? 0 : $('#shop-products-load-more').attr('data-page-offset');
} else {
if(dataFilter == '-1'){
console.log('2=');
outPageOffset = inPageOffset;
$('#'+containerName).isotope();
} else {
console.log('4=',dataFilter);
console.log($(dataFilter).length);
if($(dataFilter).length){
console.log('3=');
outPageOffset = $(dataFilter+' .product-thumb').last().attr('data-page-offset');
}
}
}
if(1 || inPageOffset == outPageOffset || (inPageOffset == 0 && outPageOffset ==1)){
$items.imagesLoaded(function(){
$('body').waitMe('hide');
$('#'+containerName).isotope( 'insert', $items );
if (typeof showAvailableBrands != "undefined") {
showAvailableBrands();
}
$('#shop-products-load-more').attr('data-page-offset',$('body .product-thumb').last().attr('data-page-offset'));
if(scrollToAfterLoad >0){
$('html, body').animate({
scrollTop: scrollToAfterLoad -150
}, 500);
scrollToAfterLoad = 0;
/* Hide the load more button if all products are loaded */
}
loadedProductCount = $('.product-thumb-area').length;
checkAndHideLoadMoreButton(totalProductsLoad, loadedProductCount);
});
}
//get displaying thumb box count
// setTimeout(function(){
// if($('#'+containerName+' .product-thumb-area:visible').length == 0){
// $('#'+containerName+ ' div.message').remove();
// $('#'+containerName).append('<div class="message error" style="padding-bottom:0;min-height:36px;height:auto;display:none;">There are no listings under this category yet, keep looking though...</div>');
// $('#'+containerName+' .message').slideDown('slow');
// }
// }, 1000);
// }
$('#shop-products-load-more').attr('data-ajax-call-sent','0');
} else {
$('body').waitMe('hide');
console.log('mismatch ', categoryDetails.pcId ,"<>",currentClickedPc, " ", categoryDetails.pscId ,'<>', currentClickedPsc, ' ', currentPssc ,'<>', categoryDetails.psscId , ' ',categoryDetails.brandId ,'<>', currentClickedBrand);
}
},
error: function(){
alert('Error loading items.');
}
});
}
function hideLoadMoreButton(){
$('#show-more-button').fadeOut();
}
function checkAndHideLoadMoreButton(totalItems, loadedItems){
if (totalItems <= loadedItems) {
$('#show-more-button').fadeOut();
} else {
$('#show-more-button').fadeIn();
}
}
</script>
<script type="text/javascript">
console.log("shop content 1");
var currentClickedPc = 120;
var currentClickedPsc = null;
var currentClickedPssc = null;
var currentClickedBrand = null;
var currentProductModelId = null;
var currentProductYear = null;
// $(window).scroll(function(){
$('.load-more-button').click(function(){
// $(this).fadeOut();
scrollToAfterLoad = $(this).offset().top;
var lastPageOffset = $('#shop-products-load-more').attr('data-page-offset');
var dataFilter = ( $('li.active-filter').length ) ? $('li.active-filter a').attr('data-filter') : '0';
dataFilter = ( dataFilter == '*' ) ? '0' : dataFilter;
var vendorId = ( '' != null ) ? '' : null;
// if($(window).scrollTop() == $(document).height() - $(window).height()){
if( $('#shop-products-load-more').attr('data-ajax-call-sent') == '0' ){
$('#shop-products-load-more').attr('data-ajax-call-sent','1');
//make this temporaly 1 to prevent multiple ajax call. After finishing the ajax request we make it back to 0
loadItemsOnDemand(lastPageOffset,dataFilter,'product-row',24,'product_thumb_box_2',vendorId,currentClickedPc, currentClickedPsc, currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear);
}
// }
});
// });
$(function(){
/** Call brand showing function */
// showAvailableBrands();
});
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
/* This function requires an input #available-brands with comma concatinated brand ids */
function showAvailableBrands(){
var brandIdConcatString = $('body').find('#available-brands').val();
if (brandIdConcatString == "" || brandIdConcatString == undefined){
return;
}
var brandIds = brandIdConcatString.split(",");
$('.shop-page-brand-icon.dynamic-icon').removeClass('stay');
// $('.shop-page-brand-icon.dynamic-icon').removeClass('current-brand');
$(brandIds).each(function(i,e){
if ($('.shop-page-brand-icon.brand-icon-'+e).css('display') == 'none'){
$('.shop-page-brand-icon.brand-icon-'+e).addClass('stay').fadeIn('fast');
} else {
$('.shop-page-brand-icon.brand-icon-'+e).addClass('stay');
}
});
$('.shop-page-brand-icon.dynamic-icon').each(function(i,e){
if (!($(this).hasClass('stay'))){
$(this).fadeOut('fast');
}
});
}
</script>
<script>
console.log("Shop filter 1");
$( function($){
jQuery( function() {
var $container = jQuery('#product-row');
$container.imagesLoaded( function() {
$container.isotope({
itemSelector: '.product-thumb-area',
layoutMode: 'fitRows',
percentPosition: true,
fitRows: {
rowHeight: 500
},
transitionDuration: '0.65s',
getSortData: {
name: '.product-title',
price_lh: function( itemElem ) {
if( $(itemElem).find('.product-price').find('ins').length > 0 ) {
var price = $(itemElem).find('.product-price ins').text();
} else {
var price = $(itemElem).find('.product-price').text();
}
priceNum = price.split("$");
return parseFloat( priceNum[1] );
},
price_hl: function( itemElem ) {
if( $(itemElem).find('.product-price').find('ins').length > 0 ) {
var price = $(itemElem).find('.product-price ins').text();
} else {
var price = $(itemElem).find('.product-price').text();
}
priceNum = price.split("$");
return parseFloat( priceNum[1] );
}
},
sortAscending: {
name: true,
price_lh: true,
price_hl: false
}
});
})
});
function isDoubleClicked(element) {
//if already clicked return TRUE to indicate this click is not allowed
if (element.data("isclicked")) return true;
//mark as clicked for 5 second
element.data("isclicked", true);
setTimeout(function () {
element.removeData("isclicked");
}, 5000);
//return FALSE to indicate this click was allowed
return false;
}
$('.shop-sorting li').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
var dataFilter = $(this).attr('data-filter');
var lstItemIdBasedOnFilter = ($(dataFilter).length)? $(dataFilter+' .product-thumb').last().attr('data-last-item-id'): '0'
loadItemsOnDemand(lstItemIdBasedOnFilter,dataFilter,'product-row');
$('.shop-sorting').find('li').removeClass( 'active-filter' );
$(this).addClass( 'active-filter' );
var filterByDataFilter = $(this).attr('data-filter');
$('#shop-container').isotope({ filter: filterByDataFilter });
var sortByValue = $(this).find('a').attr('data-sort-by');
$('#shop').isotope({ sortBy: sortByValue });
return false;
});
function updateProducts(){
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
dataFilter = null;
//load items related to this
setTimeout(function(currentClickedPc,currentClickedBrand){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},10,currentClickedPc,currentClickedBrand);
return false;
};
$('#product-model-id, #product-year').change(function(){
// updateProducts();
});
$('#update-products').click(function(){
updateProducts();
});
/* In shop page, click on a main category */
$('.custom-filter>li>a').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
/* Need to collapse other categories */
$(this).parent().parent().find('ul').removeClass('in');
// $(this).parent().find('ul').addClass('in');
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var pcId = $(this).attr('data-pc-id');
currentClickedPc = pcId;
currentClickedPsc = null;
currentClickedPssc = null;
// currentClickedBrand = null;
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
$('.shop-page-brand-icon img').removeClass('current-brand');
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
var dataFilter = $(this).attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
$('.custom-filter li').removeClass('active-filter');
$(this).closest('li').addClass( 'active-filter' );
$('.custom-filter li').find('span').css("background-color", "#eeeeee");
$(this).closest('li').find('span.parent-count').css("background-color", "#0082FC");
submenuToggle($(this));
//load items related to this
setTimeout(function(currentClickedPc,currentClickedBrand){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,null,null,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000,currentClickedPc,currentClickedBrand);
return false;
});
/* In shop page, click on a sub category */
$('.custom-sub-filter>li>a').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
console.log('Clicked C');
if (isDoubleClicked($(this))) return;
$(this).parent().parent().find('ul').removeClass('in');
$(this).parent().children('ul').addClass('in');
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
$('.custom-filter li').removeClass('active-filter active-menu');
$(this).closest('li').addClass( 'active-filter active-menu' );
$('.custom-sub-filter li').removeClass('active-filter active-sub-menu');
$('.custom-sub-filter li').find('span').css("background-color", "#eeeeee");
$(this).closest('li').find('span.child-count').css("background-color", "#CACACA");
submenuToggle();
var pcId = $(this).attr('data-pc-id');
currentClickedPc = pcId;
var pscId = $(this).attr('data-psc-id');
currentClickedPsc = pscId;
console.log("Current psc ",currentClickedPsc);
currentClickedPssc = null;
// currentClickedBrand = null;
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
$('.shop-page-brand-icon img').removeClass('current-brand');
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedBrand){
console.log("In filter 1 ",currentClickedPsc );
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,null,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000,currentClickedPc,currentClickedPsc,currentClickedBrand);
return false;
});
$('.custom-super-sub-filter>li>a').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
// console.log('Clicked D');
if (isDoubleClicked($(this))) return;
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
$('.custom-filter li').removeClass('active-filter active-menu');
$(this).closest('li').addClass( 'active-filter active-menu' );
$('.custom-sub-filter li').removeClass('active-filter active-sub-menu');
$('.custom-sub-filter li').find('span').css("background-color", "#eeeeee");
$(this).closest('li').find('span.child-count').css("background-color", "#CACACA");
submenuToggle();
var pcId = $(this).attr('data-pc-id');
currentClickedPc = pcId;
var pscId = $(this).attr('data-psc-id');
currentClickedPsc = pscId;
var psscId = $(this).attr('data-pssc-id');
currentClickedPssc = psscId;
// currentClickedBrand = null;
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
$('.shop-page-brand-icon img').removeClass('current-brand');
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000,currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand);
return false;
});
$('.shop-page-brand-icon img').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
$('.shop-page-brand-icon img').removeClass('current-brand');
$(this).addClass('current-brand');
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).parent().attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
currentClickedBrand = $(this).parent().attr('data-brand-id');
$('#brand-id').val(currentClickedBrand);
updateModelsFromSelectedBrand(currentClickedBrand);
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand ){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000, currentClickedPc, currentClickedPsc, currentClickedPssc, currentClickedBrand);
return false;
});
$('.shop-attr-link').click(function(){
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).parent().attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
/** colors */
if ($(this).hasClass('shop-color-link')) {
$(this).toggleClass('color-selected');
}
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
if ($(this).hasClass('shop-size-link')) {
$(this).toggleClass('size-selected');
}
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
if ($(this).hasClass('shop-material-link')) {
$(this).toggleClass('material-selected');
}
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand ){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000, currentClickedPc, currentClickedPsc, currentClickedPssc, currentClickedBrand);
return false;
});
});
function submenuToggle(parentLink){
var attrAriaExpanded = $(parentLink).attr('aria-expanded');
if (typeof attrAriaExpanded !== typeof undefined && attrAriaExpanded !== false) {
var aeStatus = ($(parentLink).attr('aria-expanded') == "true") ? true : false;
$(parentLink).attr('aria-expanded',aeStatus);
$(parentLink).closest('li').find('.list-group-level1').attr('aria-expanded',aeStatus);
if(aeStatus){
$(parentLink).closest('li').find('.list-group-level1').addClass('in');
}
if(!aeStatus){
$(parentLink).closest('li').find('.list-group-level1').removeClass('in');
}
}
else{
$(parentLink).attr('aria-expanded',true);
$(parentLink).closest('li').find('.list-group-level1').attr('aria-expanded',true);
$(parentLink).closest('li').find('.list-group-level1').addClass('in');
}
}
function showClearBtn(){
$('.widget-filter-reset').show();
}
function hideClearBtn(){
$('.widget-filter-reset').hide();
}
$('#list-clear').click(function(){
currentClickedPc = null;
currentClickedPsc = null;
currentClickedPssc = null;
currentClickedBrand = null;
currentProductModelId = null;
currentProductYear = null;
$('#brand-id').val('');
$('#product-model-id').val('');
$('#product-year').val('');
$('#product-row').empty();
$('#product-row').isotope({
filter: '*'
});
var priceRangeSlider = $('.price_range').data("ionRangeSlider");
priceRangeSlider.reset();
$('.shop-color-link').removeClass('color-selected');
$('.shop-size-link').removeClass('size-selected');
$('.shop-material-link').removeClass('material-selected');
});
$(document).ready(function(){
function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
}
var dataPcFilerName = getUrlParameter('dataPc');
var dataPscFilerName = getUrlParameter('dataPsc');
var dataPsscFilerName = getUrlParameter('dataPssc');
console.log('dataPcFilerName ='+dataPcFilerName+' dataPscFilerName='+dataPscFilerName+' dataPsscFilerName='+dataPsscFilerName);
if (typeof dataPcFilerName != 'undefined' && dataPcFilerName != '' ) {
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPcFilerName+'"]').closest('li').addClass('active-filter active-menu');
$('a[data-filter=".'+dataPcFilerName+'"]').attr('aria-expanded',true);
}
if (typeof dataPscFilerName != 'undefined' && dataPscFilerName != '' ) {
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').addClass('active-filter active-menu jami');
$('a[data-filter=".'+dataPscFilerName+'"]').closest('ul').attr('aria-expanded',true);
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').find('ul.custom-super-sub-filter').attr('aria-expanded',true);
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').find('ul.custom-super-sub-filter').addClass('in');
}
if (typeof dataPsscFilerName != 'undefined' && dataPsscFilerName != '' ) {
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPsscFilerName+'"]').closest('li').addClass('active-filter active-menu');
}
});
function updateModelsFromSelectedBrand(selectedBrandId=""){
console.log("Clicked brand ", selectedBrandId);
var options = "";
switch (selectedBrandId){
case '27':
options = "<option value=''></option>";
break;
case '28':
options = "<option value=''></option>";
break;
case '26':
options = "<option value=''></option>";
break;
default:
options = "<option value=''></option>";
}
$('#product-model-id').html(options);
$('#product-model-id').val('');
}
/* Whenever the brand id is selected, let's populate the relevant models */
</script>
<script type="text/javascript">
console.log("Shop_1");
$(document).ready(function(){
function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
}
var dataPcFilerName = getUrlParameter('dataPc');
var dataPscFilerName = getUrlParameter('dataPsc');
setTimeout(function(){
if (typeof dataPscFilerName == 'undefined' || dataPscFilerName == '' ) {
$('a[data-filter=".'+dataPcFilerName+'"]').trigger('click');
}
else{
var pcFilterNames = dataPcFilerName.split('-');
$('.list-group-level1').addClass('collapse');
$('#sub-menu-'+pcFilterNames['1']).removeClass('collapse');
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPcFilerName+'"]').closest('li').addClass('active-filter active-menu');
$('.custom-sub-filter li').removeClass('active-filter active-sub-menu');
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').addClass( 'active-filter active-sub-menu' );
$('a[data-filter=".'+dataPscFilerName+'"]').trigger('click');
}
},2000);
//~ setTimeout(function(){
//~ $('a[data-filter=".'+dataPcFilerName+'"]').trigger('click');
//~ },2000);
});
</script>
</div>
<div style="height:0px; overflow: visible;">
</div>
<div class="container text-center" id="payment-delivery-partner-section">
<div class="payment-partners">
<style type="text/css">
#supporting-payment-services li {
display : inline-block;
}
</style>
</div>
<div class="delivery-partners">
</div>
</div>
<footer id="footer" class="dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap clearfix">
<div class="col_one_third">
<div class="widget clearfix">
<div>
<address>
<strong>Address:</strong><br>
11/2A, Abhayarama Lane, Narahenpita, Colombo 05 </address>
<strong>Call Us:</strong><br>
Tel : 0716351084<br/>Mob : 0716351084<br/>
<strong>Email Us:</strong><br>
technocity@css.lk
<br/>
<div class="social-media-links" style="display:inline-flex;">
<!-- FB Link -->
<div style="margin-right:5px;">
<a href="https://www.facebook.com/lakshop.lk" alt="Our Facebook page" title="Visit our Facebook page" target="_blank"><img src="/img/fb_small.png" alt=""/></a></div>
<div style="margin-right:5px;">
<a href="https://www.instagram.com/" alt="Our Instagram page" title="Visit our Instagram page" target="_blank"><img src="/img/instagram_small.png" alt=""/></a></div>
<div style="margin-right:5px;">
<a href="https://lk.linkedin.com/" alt="Our LinkedIn page" title="Visit our LinkedIn page" target="_blank"><img src="/img/linkedin_small.png" alt=""/></a></div>
</div>
<div class="clearfix visible-sm visible-xs"><br/></div>
</div>
<div style="margin-top:20px;">
<a href="/buyer-terms-and-conditions">Terms and Conditions</a> </div>
</div>
</div>
<div class="col_one_third">
<div class="widget clearfix">
<div id="fb-root"></div>
<script type="text/javascript">
console.log("FB WIDGET");
$(window).ready(function(){
setTimeout(function(){
$('body').append('<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v4.0&autoLogAppEvents=1">\<\/script>');
},1000);
});
</script>
<div class="fb-page" data-href="https://www.facebook.com/lakshop.lk/" data-adapt-container-width="true" data-tabs="timeline" data-width="" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/lakshop.lk/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/lakshop.lk/">Techno City</a></blockquote></div>
</div>
</div>
<div class="col_one_third col_last">
<div class="widget clearfix">
<style type="text/css">
#map {
width:100%;
height:250px;
min-height: 250px;
background: url('/files/websites/location/map.jpg') center center;
display: inline-block;
background-size:cover;
}
</style>
<a target="_blank" href="https://maps.google.com/?q=6.89597416,79.87513733">
<div id="map" style=""></div>
</a>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights" style="padding:5px 0; color:#fff; background:#0082FC">
<div class="container">
<div class="col_full text-center" style="margin-bottom:0px;">
Techno City<span style="color:#C5C5C5;"> © 2026 All rights reserved </span> | <span id="powered-by-text"><span style="color:#C5C5C5;">Powered by </span><a href="https://lakshop.lk/" style="color:#fff;" target="_blank" class="powered-by-link">LakSHOP website builder</a></span> </div>
</div>
</div>
</footer>
</div>
<div id="gotoTop" class="icon-line-arrow-up"></div>
<script src="/js/js/plugins.js"></script>
<script src="/js/js/functions.js"></script>
<script src="/js/js/jquery-ui.js"></script>
<script src="/js/js/add_to_cart.js"></script> <script src="/js/js/remove_from_cart.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#form-search-item').on('keyup keypress', function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
e.preventDefault();
return false;
}
});
$('#search-text').typeahead({
source: function (query, result) {
$('#search-text-value').val(query);
$.ajax({
url: '/products/findItem',
data: 'query=' + query,
dataType: "json",
type: "POST",
display: 'name',
success: function (data) {
var retStr = '';
result($.map(data, function (item) {
if(item.type == 'product_sub_category'){
retStr = '<div class="search-result cat-result" data-pc-id="'+item.pc_id+'" data-psc-id="'+item.psc_id+'" data-pssc-id="">';
retStr += '<span class="cat-search-result" style="background:#E9E9E9;">'+item.pc_name+'</span>';
retStr += ' -> '+'<a href="#" class="cat-search-result" style="background:#E2EEED;padding:2px 3px !important;">'+item.psc_name+'</a>';
retStr += '</div>';
}
if(item.type == 'product_category'){
retStr = '<div class="search-result cat-result" data-pc-id="'+item.pc_id+'" data-psc-id="" data-pssc-id="">';
retStr += '<a href="#" class="cat-search-result" style="background:#E9E9E9;padding:2px 3px !important;">'+item.pc_name+'</a>';
retStr += '</div>';
}
if(item.type == 'product'){
retStr = '<div id="'+item.href+'" class="search-result" data-pc-id="">'+item.name+'</div>';
}
return retStr;
}));
if($('.typeahead.dropdown-menu').length > 0){
// $('.typeahead.dropdown-menu').append('<li class="view-all" style="text-align:center;border-top:1px solid #efefef;"><a href="#" class="red-text" style="font-weight:bold;letter-spacing:1px;">View All</a></li>');
}
}
});
}
}).on('keydown', function(e) {
if (e.which == 13) {
if($('#form-search-item ul.typeahead').length > 0){
$('#form-search-item ul.typeahead li:first-child div').trigger('click');
}
else{
visitSearchResultPage();
}
}
});
});
function visitSearchResultPage(){
searchedText = $('#search-text-value').val();
window.location.href = '/products/search-result/'+searchedText;
}
$(document).ready(function(){
$('body').on('click','.view-all',function(e){
visitSearchResultPage();
e.preventDefault();
});
$('#form-search-item').submit(function(e){
visitSearchResultPage();
e.preventDefault();
});
$('body').on('click','.clear-search',function(e){
$('#search-text-value').val('');
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val('');
return false;
});
$('body').on('click','#form-search-item ul.typeahead li div',function(e){
var pcId = $(this).attr('data-pc-id');
var pscId = $(this).attr('data-psc-id');
var psscId = $(this).attr('data-pssc-id');
if(pcId == ''){ //we are clicking on a product
var itemId = $(this).attr('id');
var itemName = $(this).text();
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val(itemName);
var formAction = '/websites/item-detail/product/'+itemId;
window.location.href = formAction;
}
else{
var dataPcFilterName = 'pc='+pcId;
var dataPscFilterName = (pscId != '' && pscId != undefined) ? 'psc='+pscId : '';
var dataPsscFilterName = (psscId != '' && psscId != undefined) ? 'pssc='+psscId : '';
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val('');
var redirectLinkArray = [];
if (dataPcFilterName != "") {
redirectLinkArray.push(dataPcFilterName);
}
if (dataPscFilterName != "") {
redirectLinkArray.push(dataPscFilterName);
}
if (dataPsscFilterName != "") {
redirectLinkArray.push(dataPsscFilterName);
}
var redirectLink = redirectLinkArray.join("&");
window.location = '/shop/?'+redirectLink;
}
return false;
});
$('body').on('click','#form-search-item ul.typeahead li',function(e){
//~ console.log('click li');
if($(this).hasClass('view-all')){
$('.view-all').trigger('click');
}
else{
var pcId = $(this).find('div').attr('data-pc-id');
if(pcId == ''){ //we are clicking on a product
var itemId = $(this).find('div').attr('id');
var itemName = $(this).find('div').text();
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val(itemName);
var formAction = '/websites/item-detail/product/'+itemId;
window.location.href = formAction
}
else{
var dataPcFilerName = 'pc-'+pcId;
var pscId = $(this).find('div').attr('data-psc-id');
var dataPscFilerName = (pscId != '') ? 'psc-'+pscId : '';
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val('');
if(dataPscFilerName == ''){
var formAction = 'https://stgsite156.lakshop.lk/?dataPc='+dataPcFilerName;
window.location.href = formAction;
}
else{
var formAction = 'https://stgsite156.lakshop.lk/?dataPc='+dataPcFilerName+'&dataPsc='+dataPscFilerName;
window.location.href = formAction;
}
}
}
return false;
});
$('body').on('keydown','#form-search-item ul.typeahead li',function(e){
if (e.keyCode == 13){
e.preventDefault();
return false;
}
});
});
</script>
<script src="/js/rateyo/jquery.rateyo.min.js"></script> <script src="/js/js/waitMe.min.js"></script> <script type="text/javascript">
$('#close-top-cart').click(function(e){
$('#top-cart').removeClass('top-cart-open');
});
var currentController = 'websites';
var currentAction = 'shop';
console.log('currentController ='+currentController+' currentAction='+currentAction);
if(!(currentController == 'cartitems' && currentAction=='viewcart')){
if('0' > 0){
$('#delivery-not-supported').slideDown('slow');
}
}
</script>
<script type="text/javascript">
</script>
<style type="text/css">
/* The Modal (background) */
.location-model {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1000; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: hidden; /* Enable scroll if needed */
background-color: rgba(255,255,255,0.95); /* Black w/ opacity */
}
/* Modal Content/Box */
.location-modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
width: 80%; /* Could be more or less, depending on screen size */
}
/* The Close Button */
.location-model-close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
width:auto;
}
.location-model-close:hover,
.location-model-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.location-modal-content h4 {
color: #000;
}
#btn-set-location-invoke {
position: fixed;
bottom:0px;
right:0px;
z-index: 10000;
}
</style>
<!-- Trigger/Open The Modal -->
<div id="location-set-model" class="location-model">
<!-- Modal content -->
<div class="location-modal-content">
<div class="clearfix">
<h4>Please select your district and the city<span class="location-model-close">×</span></h4>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col col-12 col-sm-4 location-set-district">
<div class="input select"><label for="district-id">District</label><select name="district_id" class="form-control" id="district-id"><option value="9">Ampara</option><option value="14">Anuradhapura</option><option value="23">Badulla</option><option value="7">Batticaloa</option><option value="1" selected="selected">Colombo</option><option value="20">Galle</option><option value="2">Gampaha</option><option value="22">Hambantota</option><option value="10">Jaffna</option><option value="3">Kalutara</option><option value="4">Kandy</option><option value="19">Kegalle</option><option value="25">Kilinochchi</option><option value="16">Kurunegala</option><option value="11">Mannar</option><option value="5">Matale</option><option value="21">Matara</option><option value="24">Moneragala</option><option value="12">Mullaitivu</option><option value="6">Nuwaraeliya</option><option value="15">Polonnaruwa</option><option value="17">Puttalam</option><option value="18">Ratnapura</option><option value="8">Trincomalee</option><option value="13">Vavuniya</option></select></div> </div>
<div class="col col-12 col-sm-4 location-set-city">
<div class="input select"><label for="city-id">City</label><select name="city_id" class="form-control" id="city-id"></select></div> </div>
</div>
<hr>
<div class="row">
<button class="btn btn-success btn-block form-control button" id="btn-set-location" type="submit">Update</button> </div>
</div>
</div>
<script type="text/javascript">
// Get the modal
var locationSettingModel = document.getElementById("location-set-model");
// Get the button that opens the modal
var btnSetLocationInvoke = document.getElementById("btn-set-location-invoke");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("location-model-close")[0];
if (btnSetLocationInvoke != undefined){
// When the user clicks on the button, open the modal
btnSetLocationInvoke.onclick = function() {
showLocationSettingDialog();
}
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
hideLocationSettingDialog();
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == locationSettingModel) {
hideLocationSettingDialog();
}
}
function showLocationSettingDialog(){
locationSettingModel.style.display = "block";
$('body').css('overflow','hidden');
// setTimeout( function(){
$('#location-set-model #district-id').val('1');
$('#location-set-model #district-id').trigger('change');
// }, 500);
$('#location-set-model #country-id').trigger('change');
$('.location-modal-content #country-id').chosen();
}
function hideLocationSettingDialog(){
locationSettingModel.style.display = "none";
$('body').css('overflow','auto');
}
$('#btn-set-location').click(function(){
$('body').waitMe();
/* For guests, set a session. For others, update user's profile */
var countryId = $('#location-set-model #country-id').val();
var districtId = $('#location-set-model #district-id').val();
var cityId = $('#location-set-model #city-id').val();
var postCode = $('#location-set-model #post-code').val();
console.log(countryId,districtId,cityId );
$.ajax({
type : 'POST',
url : '/users/set-district-city',
data : 'country_id='+countryId+'&district_id='+districtId+"&city_id="+cityId+'&post_code='+postCode,
success : function(message){
hideLocationSettingDialog();
if (message == 'success'){
location.reload();
} else {
alert ("Error occurred. Please try again.");
}
},
error : function(){
hideLocationSettingDialog();
}
});
});
$('#location-set-model #country-id').change(function(){
$('#location-set-model .location-set-district, #location-set-model .location-set-city, #location-set-model .location-set-postcode').hide();
var selCountry = $(this).val();
if (selCountry == '200'){
$('#location-set-model .location-set-district, #location-set-model .location-set-city').show();
} else {
$('#location-set-model .location-set-district, #location-set-model .location-set-city').hide();
$('#location-set-model .location-set-postcode').show();
}
});
</script>
<script src="/js/common/district_city_filter.js"></script>
<script type="text/javascript">
//to get sub categories based on categories
$("select#products-0-district-id").change(function(){
console.log('Triggering district change function');
var selectedDistrictId = $(this).val();
console.log("selected district id ", selectedDistrictId);
var cities = getCityOptionsFromDistrictId(selectedDistrictId);
console.log("GOT CITIES",cities);
$('#products-0-city-id, #edit-form #products-0-city-id').html(cities);
$("select#products-0-city-id").trigger("chosen:updated");
});
$("select#district-id").change(function(){
console.log('Triggering district change function');
var selectedDistrictId = $(this).val();
console.log("selected district id ", selectedDistrictId);
var cities = getCityOptionsFromDistrictId(selectedDistrictId);
console.log("GOT CITIES",cities);
$('#city-id').html(cities);
});
</script>
<script type="text/javascript">
$(function(){
// $('.location-modal-content #country-id').chosen();
});
</script>
</body>
</html>
'
}
$reasonPhrase = 'OK' header - [internal], line ??
Cake\Http\ResponseEmitter::emitStatusLine() - CORE/src/Http/ResponseEmitter.php, line 148
Cake\Http\ResponseEmitter::emit() - CORE/src/Http/ResponseEmitter.php, line 54
Cake\Http\Server::emit() - CORE/src/Http/Server.php, line 106
[main] - ROOT/webroot/index.php, line 47 Warning (2)CORE/src/Http/ResponseEmitter.php , line 181 ]Code Context $value ), $first ); $first = false ; $response = object(Cake\Http\Response) {
'status' => (int) 200,
'contentType' => 'text/html',
'headers' => [
'Content-Type' => [
[maximum depth reached]
]
],
'file' => null,
'fileRange' => [],
'cookies' => object(Cake\Http\Cookie\CookieCollection) {},
'cacheDirectives' => [],
'body' => '<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your technical expert | Techno City</title>
<link href="/files/websites/favicon/ca275f2f-9978-4dfd-985e-6764c10e8955/small_fav.png" type="image/x-icon" rel="icon"/><link href="/files/websites/favicon/ca275f2f-9978-4dfd-985e-6764c10e8955/small_fav.png" type="image/x-icon" rel="shortcut icon"/>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
<link rel="stylesheet" href="/css/css/bootstrap.css"/> <link rel="stylesheet" href="/css/style.css"/>
<link rel="stylesheet" href="/css/css/dark.css"/> <link rel="stylesheet" href="/css/css/swiper.css"/> <link rel="stylesheet" href="/css/lakshop.css"/> <link rel="stylesheet" href="/css/lakshop_template_style.css"/> <link rel="stylesheet" href="/css/lakshop_template_ecom_style.css"/>
<link rel="stylesheet" href="/css/rateyo/jquery.rateyo.min.css"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css" rel="stylesheet">
<!-- Coffee Demo Specific Stylesheet -->
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/fonts.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/font-icons.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/animate.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/magnific-popup.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/responsive.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/colors.php?color=0082FC"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/xzoom.css"/> <link rel="stylesheet" href="/css/css/jquery.dataTables.min.css"/> <link rel="stylesheet" href="/css/css/jquery.bt.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/store_box.css"/> <link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/store_box_min.css"/>
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/techno_city.css"/>
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/techno_city_min.css"/>
<link rel="stylesheet" href="/css/lakshop_template_css/8/techno_city/sweet_house_min.css"/>
<link rel="stylesheet" href="/css/css/chosen.min.css"/> <link rel="stylesheet" type="text/css" href="/css/waitMe/waitMe.min.css">
<script src="/js/js/jquery.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>
<script src="/js/js/chosen.jquery.min.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/xzoom.min.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/jquery.hammer.min.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/magnific-popup.js"></script>
<script src="/js/lakshop_template_js/8/techno_city/setup.js"></script>
<script src="/js/js/app.js"></script> <script src="/js/js/jquery.dataTables.min.js"></script> <script src="/js/js/jquery.bt.min.js"></script>
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:title" content="Techno City" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://stgsite156.lakshop.lk/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/large_logo.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="">
<meta property="twitter:title" content="Techno City">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="https://stgsite156.lakshop.lk/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/large_logo.png">
<meta name="title" content="Your technical expert | Techno City">
<meta name="description" content="Your technical expert | Techno City">
<style type="text/css">
#header{
background:#0082FC !important;
}
#header.sticky-header #header-wrap{
background:#0082FC !important;
}
#welcome-row{
background:#FED501 !important;
color:#fff;
}
#welcome-row a{
color:#fff !important;
}
#copyrights{
background:#FED501 !important;
color:#fff;
}
.top-cart-trigger span {
border: 1px solid #FED501 !important;
background: #FED501 !important;
color: #fff;
}
#top-cart .top-cart-content{
border-top: 2px solid #0082FC !important;
}
#product-category-row ul.list-inline li{
color:#0082FC }
.breadcrumbs ul li a:current-page{
color:#0082FC }
#item-single-content .item-cart-count{
background: #FED501 !important;
}
.top-cart-trigger span{
border: 1px solid #0082FC;
background: #0082FC;
color:#fff;
}
.top-cart-action a.fleft{
background: #0082FC !important;
}
#top-cart-total {
color: #0082FC !important;
}
.button-red, .button-red:hover {
background-color: #FED501 !important;
}
.button-3d.button-red:hover, .button-reveal.button-red:hover, .button-border.button-red:hover, .button-border.button-red.button-fill:before{
background-color: #FED501 !important;
}
/* #inform-checkout{
background: #0082FC !important;
} */
.product-thumb-box .item-cart-count{
background: #FED501 !important;
}
.widget-filter-links li.active-filter span{
background: #FED501 !important;
}
.top-cart-action span.top-checkout-price {
color: #0082FC !important;
float:right !important;
}
.top-cart-action .button.btn-primary{
background: #FED501 !important;
}
.top-cart-action .button.btn-success{
background: #0082FC !important;
}
.btn-primary:hover{
background: #FED501 !important;
}
.product-price ins{
color: #0082FC !important;
}
.gray-text a{
color:#FED501 !important;
}
.flash-updte-cart-msg p{
color:#FED501 !important;
}
#item-single-content .discounted-price, #item-single-content .normal-price{
color:#0082FC !important;
}
.top-cart-item-desc span.top-cart-item-price{
color: #0082FC !important;
}
</style>
</head>
<body class="stretched">
<style type="text/css">
.sample-inform-div{
text-align: center;
padding: 10px 0;
background: #333;
color: #fff;
}
.sample-inform-div a{
color:#fff;
font-weight:bold;
}
</style>
<div class="sample-inform-div">
This website is a sample website made from the <a href="https://stg.lakshop.lk" target="_blank">Site Maker</a> platform; create your own stunning site today with <a href="https://stg.lakshop.lk" target="_blank">Site Maker</a>!
</div>
<!-- Custom CSS -->
<style type="text/css">
</style>
<div id="wrapper" class="clearfix">
<script src="/js/js/typeahead.js"></script><link rel="stylesheet" href="/css/css/search_box.css"/>
<header id="header" class="full-header header-common-backend">
<div id="header-wrap">
<div class="container">
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
<!-- Logo
============================================= -->
<div id="logo">
<a href="/" class="standard-logo"><img src="/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/large_logo.png" alt=""/></a>
<a href="/" class="retina-logo"><img src="/files/websites/logo/8cda4190-ae85-4cd8-a8c3-ffc895d7208f/small_logo.png" alt=""/></a> </div>
<!-- Primary Navigation
============================================= -->
<nav id="primary-menu">
<ul>
<li class="hidden"><a href="/#section-about-us" data-scrollto="#section-about-us"><div>About</div></a></li>
<li class="current"><a href="/shop">Shop</a></li>
<li class="hidden"><a href="/#section-testimonials" data-scrollto="#section-testimonials"><div>Testimonial</div></a></li>
<li class="hidden-lg"><a href="/#section-contact-us" data-scrollto="#section-contact-us"><div>Contact Us</div></a></li>
<li>
<a href="/login">Login/Register</a> </li>
</ul>
<div style="display:inline-block;margin-top:15px;max-width:250px;" id="search-div">
<form method="post" accept-charset="utf-8" id="form-search-item" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div> <div class="input-group">
<span class="input-group-addon" style="padding:2px 5px 2px 10px;background:#fff;border-right:0;border-top-left-radius: 18px;border-bottom-left-radius: 18px;">
<button type="submit" class="btn btn-default" style="padding:0;border-color:#fff;"><i class="icon-search"></i></button>
</span>
<div class="input text"><input type="text" name="search_text" placeholder="search anything" class="typeahead input-group-field form-control search-box-middle" style="min-width:50px !important;border-right:0;border-left:0;" id="search-text"/></div>
<span class="input-group-addon" style="padding:2px 10px 2px 5px;background:#fff;border-left:0;border-top-right-radius: 18px;border-bottom-right-radius: 18px;">
<a href="#" class="clear-search">X</a>
</span>
<input type="hidden" name="search_text_value" id="search-text-value"/> </div>
</form> </div>
<div id="inform-checkout" style="display:none;">
<span><a href="/checkout">Checkout</a></span> or <span id="skip-inform-checkout"><a href="#">Continue shopping</a></span>
</div>
<div id="delivery-not-supported" style="display:none;">
Some vendors not support delivery to your location <span id="modify-cart-dns"><a href="/view-cart">Modify my cart</a></span>
</div>
<!-- Top Cart
============================================= -->
<div id="top-cart" class="top-cart top-cart-element">
<div id="top-cart-trigger" class="top-cart-trigger">
<i class="icon-shopping-cart"></i>
<span>0</span>
</div>
<div class="top-cart-content">
<div class="top-cart-title">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-8 colxs-6">
<h4>My Cart</h4>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 colxs-6">
<div class="text-right">
<div style="color:#333;font-weight:bold;" id = 'close-top-cart' class ='close-top-cart'>X</div>
</div>
</div>
</div>
</div>
<div class="top-cart-items" id="cart">
</div>
<div class="top-cart-action clearfix">
<span class="fleft top-checkout-price">Rs. <span id="top-cart-total">0.00</span></span>
</div>
<div class="top-cart-action clearfix">
<a href="/view-cart" class="button button-3d button-small nomargin fleft btn btn-primary btn-sm">View Cart</a> <a href="/checkout" class="button-black button button-3d button-small nomargin fright btn btn-success btn-sm">Checkout</a> </div>
</div>
</div><!-- #top-cart end -->
</nav><!-- #primary-menu end -->
</div>
<div id="welcome-row">
<span class="hidden-xs pull-left">Welcome </span>
<span class="text-left pull-left" style="display:inline-block;">
Guest (<a href="/login">Login</a>) </span>
<span class="text-left pull-left hidden-xs" style="margin-left:5px;">Your location :
-
</span>
<div class="text-right pull-right" style="display:inline-block;">
<br>
</div>
</div>
</div>
</header>
<script type="text/javascript">
var summernoteSettings = {
toolbar: [
['fontSizes', ['8', '9', '10', '11', '12', '14', '16','18','20','22','24','25','30']],
['cleaner',['cleaner']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['color','fontname','strikethrough']],
['fontsize', ['fontsize']],
['para', ['ul', 'ol', 'paragraph']],
['table',['table']],
['insert',['picture','hr','link']],
['view',['codeview']],
['other',[,'undo','redo']]
],
cleaner:{
action: 'button',
newline: '',
icon: '<i class="note-icon">Clean Text</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>','<table>','<thead>','<tbody>','<th>','<tr>','<td>'],
keepClasses: false,
badTags: ['span','style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}
};
var summernoteSettingsWithImage = {
toolbar: [
['cleaner',['cleaner']],
['fontSizes', ['8', '9', '10', '11', '12', '14', '16','18','20','22','24','25','30']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['color','fontname','fontsize','strikethrough']],
['para', ['ul', 'ol', 'paragraph']],
['table',['table']],
['insert',['picture','hr','link']],
['view',['codeview']],
['other',[,'undo','redo']]
],
cleaner:{
action: 'button',
newline: '',
icon: '<i class="note-icon">Clean Text</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>','<table>','<thead>','<tbody>','<th>','<tr>','<td>'],
keepClasses: false,
badTags: ['span','style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}
};
var summernoteMinimal = {
toolbar: [
['cleaner',['cleaner']],
['fontSizes', ['8', '9', '10', '11', '12', '14', '16','18','20','22','24','25','30']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['fontsize','strikethrough']],
['para', ['ul', 'ol', 'paragraph']],
['other',[,'undo','redo']]
],
cleaner:{
action: 'button',
newline: '',
icon: '<i class="note-icon">Clean Text</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>','<table>','<thead>','<tbody>','<th>','<tr>','<td>'],
keepClasses: false,
badTags: ['span','style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}
};
// $(function(){
// $.extend($.summernote.plugins, {
// 'brenter': function (context) {
// this.events = {
// 'summernote.enter': function (we, e) {
// e.trigger($.Event("keydown", {
// keyCode: 13, // ENTER
// shiftKey: true
// }));
// e.preventDefault();
// }
// };
// }
// });
// });
/*,
cleaner:{
action: 'both',
newline: '<br>',
icon: '<i class="note-icon">[Your Button]</i>',
keepHtml: false,
keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>'],
keepClasses: false,
badTags: ['style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'],
badAttributes: ['style', 'start'],
limitChars: false,
limitDisplay: 'both',
limitStop: false
}*/
</script>
<div class="container">
</div>
<div class="content-wrap">
<div class="container">
</div>
<section id="content">
<div id="shop-page">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<style type="text/css">
.list-group-item {
background: inherit;
}
</style>
<div class="sidebar nobottommargin">
<div class="sidebar-widgets-wrap" style="padding:5px; border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px solid #F2F2F2;
-webkit-box-shadow: 0px 5px 15px -6px rgba(0,0,0,0.44);
box-shadow: 0px 5px 15px -6px rgba(0,0,0,0.44); margin-top:10px;background:#fAfAfA;">
<div class="widget widget-filter-links clearfix" id="shop-custom-filter">
<ul class="custom-filter list-group" data-container="#shop .row" data-active-class="active-filter" id="shop-menu">
<li class="widget-filter-reset active-filter text-center">
<a href="#" data-filter="*" id="list-clear" class="btn btn-sm btn-warning">Clear filter</a>
</li>
<li>
<label>Category</label>
</li>
<li>
<a href="#sub-menu-117" id="side-menu-pc-117" data-toggle="collapse" data-filter=".pc-117" data-pc-id="117" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/7e20598c-92ab-4b3d-b3d8-cb58291aff3a/small_laptops.jpg" class="shop-pc-icon" alt=""/> Laptops</a>
<span class="parent-count">5</span>
</li>
<li>
<a href="#sub-menu-118" id="side-menu-pc-118" data-toggle="collapse" data-filter=".pc-118" data-pc-id="118" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/6776ea7e-540b-4897-8ef8-d5bde6c6c277/small_mobiles.jpg" class="shop-pc-icon" alt=""/> Mobile Phones</a>
<span class="parent-count">6</span>
</li>
<li>
<a href="#sub-menu-119" id="side-menu-pc-119" data-toggle="collapse" data-filter=".pc-119" data-pc-id="119" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/74ddf946-c7bc-4066-84a3-9e1a6dd5d019/small_tablets.jpg" class="shop-pc-icon" alt=""/> Tablets</a>
<span class="parent-count">5</span>
</li>
<li>
<a href="#sub-menu-120" id="side-menu-pc-120" data-toggle="collapse" data-filter=".pc-120" data-pc-id="120" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/676292cc-b174-4b0e-b809-7cf539e1c76d/small_tv.jpg" class="shop-pc-icon" alt=""/> Televisions</a>
<span class="parent-count">4</span>
</li>
<li>
<a href="#sub-menu-121" id="side-menu-pc-121" data-toggle="collapse" data-filter=".pc-121" data-pc-id="121" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/1c1f2103-3125-4897-87d9-456d4b17b56f/small_home_appliances.jpg" class="shop-pc-icon" alt=""/> Home Appliances</a>
<span class="parent-count">4</span>
</li>
<li>
<a href="#sub-menu-122" id="side-menu-pc-122" data-toggle="collapse" data-filter=".pc-122" data-pc-id="122" class="pc list-group-item list-parent" item-type="product-row" data-parent="#shop-menu"><img src="/files/productcategories/photo/779572e5-d56d-4a8f-8774-28453f02f4e2/small_accessories.jpg" class="shop-pc-icon" alt=""/> Accessories</a>
<span class="parent-count">3</span>
</li>
<button id="update-products" class="button button-3d" style="width:100%;" type="submit">Search</button>
</ul>
<hr/>
</div>
<a href="/checkout" class="button button-3d button-black">Checkout</a> </div>
</div>
<script type="text/javascript">
/* When directly coming from the home page navigation menu into a category, sub category or a super sub category, need to open the hierarchy */
$('ul#shop-menu a').each (function(i,e){
if ($(this).attr('id') == 'side-menu-pc-120'){
$(this).parent('li').addClass('active-menu');
$(this).parent('li').addClass('active-filter');
$(this).siblings('ul').addClass('in');
$(this).siblings('ul').find('ul').addClass('in');
}
});
$('#brand-id').change(function(){
var selectedBrandId = $(this).val();
console.log("Selected brand "+ parseFloat(selectedBrandId));
if ( selectedBrandId > 0){
$('.brand-icon-'+selectedBrandId+' img').trigger('click');
} else {
console.log('clear brand selection');
$('.all-brands-icon img').trigger('click');
}
});
</script> </div>
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 ">
<div class="row">
<div class="col col-12 hidden-xs hidden-sm" id="shop-top-brands-icon-buttons">
<style type="text/css">
.shop-page-brand-icon {
padding:2px;
cursor: pointer;
}
.shop-page-brand-icon img {
max-width:80%;
width:100%;
}
</style>
<fieldset style="padding:0px 20px;">
<label>Brands</label>
<div class="row">
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon dynamic-icon brand-icon-27" data-filter="brand-27" data-brand-id="27">
<img src="/img/../files/brands/photo/1a4441c5-397b-4794-b75f-94725c979f2f/small_2.png" class="" alt=""/> </div>
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon dynamic-icon brand-icon-28" data-filter="brand-28" data-brand-id="28">
<img src="/img/../files/brands/photo/7b0e70cd-9f51-4ce4-a3d3-98faa5601978/small_3.png" class="" alt=""/> </div>
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon dynamic-icon brand-icon-26" data-filter="brand-26" data-brand-id="26">
<img src="/img/../files/brands/photo/82e82017-f105-4912-a37d-ba6d86c5613f/small_1.png" class="" alt=""/> </div>
<div class="col col-xs-2 col-sm-2 col-md-1 shop-page-brand-icon all-brands-icon">
<img src="/img/brands/brands_all.png" alt=""/> </div>
</div>
</fieldset>
<hr/>
<script type="text/javascript">
$('.shop-page-brand-icon').hide();
Array
(
[0] => -1
[1] => 27
[2] => 28
[3] => 26
)
$('.brand-icon-'+-1).show();
$('.brand-icon-'+27).show();
$('.brand-icon-'+28).show();
$('.brand-icon-'+26).show();
</script> </div>
<div class="col">
<div id="shop" class="shop-content-products">
<div class="row no-side-margins no-side-padding" id="product-row">
<style type="text/css">
.product-price.is-discounted,.is-discounted{
text-decoration: none !important;
}
.product-price.is-discounted ins,.product-price.is-discounted,.is-discounted{
color:#777 !important;
}
.product-price.is-discounted ins{
text-decoration: line-through !important;
}
.product-price.is-discounted span.discount-given{
color:red !important;
text-decoration: none !important;
}
#top-cart .is-discounted{
text-decoration: line-through !important;
color:#777 !important;
}
</style>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1101">
<input type="hidden" id="available-brands" name="available_brands" value="27,26,28,27"/>
<div class="product-thumb-box product-thumb-box-1101 product-thumb " data-page-offset='1' data-item-id ='1101'>
<div id="in-cart-count-product-1101" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/ampx-tv-v3">
<img src="/files/productimages/photo/11862f07-3cbe-4895-8433-d547ee042172/thumb_square_tv_4.jpg" alt="AmpX TV V3"/> <div class="product-overlay">
<a href="/product/ampx-tv-v3" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/ampx-tv-v3" title="AmpX TV V3">AmpX TV V3</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 150,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1101" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1101">-</a>
<div class="input text"><input type="text" name="product[1101][quantity]" step="1" min="1" max="60" class="qty" id="product-1101-quantity" value="1"/></div><input type="hidden" name="product[1101][max_allowed]" id="product-1101-max-allowed" value="60"/><input type="hidden" name="product[1101][in_cart_count]" id="product-1101-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1101">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1101" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1101" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1101" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1101" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1100">
<div class="product-thumb-box product-thumb-box-1100 product-thumb " data-page-offset='1' data-item-id ='1100'>
<div id="in-cart-count-product-1100" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/z100-zp-tv">
<img src="/files/productimages/photo/e7cddfac-76fb-4df7-b335-db27c586e2e3/thumb_square_tv_3.jpg" alt="Z100 ZP TV"/> <div class="product-overlay">
<a href="/product/z100-zp-tv" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/z100-zp-tv" title="Z100 ZP TV">Z100 ZP TV</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 160,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1100" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1100">-</a>
<div class="input text"><input type="text" name="product[1100][quantity]" step="1" min="1" max="30" class="qty" id="product-1100-quantity" value="1"/></div><input type="hidden" name="product[1100][max_allowed]" id="product-1100-max-allowed" value="30"/><input type="hidden" name="product[1100][in_cart_count]" id="product-1100-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1100">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1100" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1100" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1100" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1100" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1099">
<div class="product-thumb-box product-thumb-box-1099 product-thumb " data-page-offset='1' data-item-id ='1099'>
<div id="in-cart-count-product-1099" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/ct-tv-400">
<img src="/files/productimages/photo/7c716362-1ae2-4adf-9b57-e1e12ecfce65/thumb_square_tv_2.jpg" alt="CT TV 400"/> <div class="product-overlay">
<a href="/product/ct-tv-400" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/ct-tv-400" title="CT TV 400">CT TV 400</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 180,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1099" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1099">-</a>
<div class="input text"><input type="text" name="product[1099][quantity]" step="1" min="1" max="10" class="qty" id="product-1099-quantity" value="1"/></div><input type="hidden" name="product[1099][max_allowed]" id="product-1099-max-allowed" value="10"/><input type="hidden" name="product[1099][in_cart_count]" id="product-1099-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1099">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1099" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1099" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1099" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1099" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 product-thumb-area pc-120 psc- featured product-thumb-box-wrapper product-thumb-box-1098">
<div class="product-thumb-box product-thumb-box-1098 product-thumb " data-page-offset='1' data-item-id ='1098'>
<div id="in-cart-count-product-1098" class="item-cart-count" style="display:none;"><a href="/view-cart"></a></div>
<div class="product-image">
<a href="/product/ampx-tv-v1">
<img src="/files/productimages/photo/86f9f789-6603-451b-998a-171a20b77738/thumb_square_tv_1.jpg" alt="AmpX TV V1"/> <div class="product-overlay">
<a href="/product/ampx-tv-v1" class="view-item"><i class="icon-zoom-in2"></i><span>View</span></a> </div>
</a>
</div>
<div class="product-desc center">
<div class="product-title thumb-box-product-title">
<a href="/product/ampx-tv-v1" title="AmpX TV V1">AmpX TV V1</a>
</div>
<div class="row product-other-details" style="margin:0;min-height:58px;">
<div class="product-price col-12 col-lg-12 co-md-12 col-sm-12" style="font-size:18px;padding:0;">
<ins>
Rs. 150,000.00 </ins>
</div>
</div>
<div class="no-side-margins qty-cart-row" style="min-height:80px;">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding ">
<form method="post" accept-charset="utf-8" style="margin-bottom:0" id="form-product-1098" action="/shop/?pc=120"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="quantity shop-quantity">
<a href="#" class="minus plus-minus-btn" data-pm="minus" data-item-type="product" data-item-id="1098">-</a>
<div class="input text"><input type="text" name="product[1098][quantity]" step="1" min="1" max="15" class="qty" id="product-1098-quantity" value="1"/></div><input type="hidden" name="product[1098][max_allowed]" id="product-1098-max-allowed" value="15"/><input type="hidden" name="product[1098][in_cart_count]" id="product-1098-in-cart-count" value="0"/>
<a href="#" class="plus plus-minus-btn" data-pm="plus" data-item-type="product" data-item-id="1098">+</a> </div>
</form> </div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-side-padding"> <button class="btn button button-black noleftmargin topmargin-sm add-to-cart" data-product-type="NORMAL" need-validation="0" data-item-id="1098" data-item-type="product" style="background-color:#0082FC" id="action-btn-product-1098" type="submit"><i class="icon-shopping-cart"></i><span>Add</span></button> </div>
<label class="btn button button-default noleftmargin topmargin-sm added-to-cart" data-added-item-id="1098" data-item-type="product" style="display:none;">
<i class="icon-ok"></i><span>All Added</span>
</label>
</div>
</div>
<div id="added-to-cart-msg-product-1098" class="added-to-cart-flash" style="width:100%;display:none;">
<p style="color:#fff;background:#0082FC">Added to cart</p>
</div>
</div>
</div>
<script type="text/javascript">
var totalProductsLoad = 4;
</script>
</div>
</div>
<div id="shop-products-load-more" class="row small-12 medium-12 large-12 load-more text-center" data-page-offset="1" style="width:100%;height:65px;" data-ajax-call-sent="0">
<img src="/img/loading.gif" id="loading-img" style="height:100%;display:none;" alt=""/></div>
<div class="row" id="show-more-button">
<div class="col col-xs-12">
<button class=" btn btn-success btn-block load-more-button" type="submit">Load more</button> </div>
</div>
<script type="text/javascript">
$('body').on('click','.plus-minus-btn',function(){
console.log("In plus minus click");
var dataPm = $(this).attr('data-pm');
var itemTypePm = $(this).attr('data-item-type');
var itemIdPm = $(this).attr('data-item-id');
var currentQty = $('#'+itemTypePm+'-'+itemIdPm+'-quantity').val();
var newQty = currentQty;
var mxAllowed = $('#'+itemTypePm+'-'+itemIdPm+'-max-allowed').val();
console.log("cs", dataPm, itemTypePm,itemIdPm, currentQty,newQty, mxAllowed);
if(dataPm == 'plus'){
if((parseInt(currentQty) < parseInt(mxAllowed)) || (parseInt(mxAllowed) < 0)){ //maxallowed < 0 means this item has unlimited qty
newQty = parseInt(currentQty) + 1;
console.log('dataPm ='+dataPm+' currentQty='+currentQty+'newQty ='+newQty+' mxAllowed='+mxAllowed);
}
}
else{
if(parseInt(currentQty) > 1){
newQty = parseInt(currentQty) - 1;
}
else{
alert('Sorry, please check the quantity you are going to add in to your cart');
}
}
$('#'+itemTypePm+'-'+itemIdPm+'-quantity').val(newQty);
return false;
});
</script>
<script type="text/javascript" src="/js/waitMe/waitMe.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/waitMe/waitMe.min.css">
<script type="text/javascript">
var scrollToAfterLoad = 0;
/* We use this to hide the 'load more' button */
var loadedProductCount = $('.product-thumb-area').length;
checkAndHideLoadMoreButton(totalProductsLoad, loadedProductCount);
function scrollToTopOfProducts(){
$([document.documentElement, document.body]).animate({
scrollTop: $(".shop-content-products").offset().top - 200
}, 2000);
}
function loadItemsOnDemand(lastPageOffset,dataFilter,containerName,loadItemLimit,thumbBoxElement,vendorId = null,currentPc = null,currentPsc = null, currentPssc=null, currentBrand=null, currentProductModelId=null, currentProductYear=null, currentSearchKeyword=null, currentDistrict=null, currentCity=null, currentMinYear=null, currentMaxYear=null, currentMinPrice=null, currentMaxPrice=null, selectedColors=null, selectedSizes=null, selectedMaterials=null){
loadedProductCount = $('.product-thumb-area').length;
// console.log(selectedColors);
var colors = JSON.stringify(selectedColors);
var sizes = JSON.stringify(selectedSizes);
var materials = JSON.stringify(selectedMaterials);
$('#'+containerName+ ' div.message').remove();
var tmpCurrentPc = currentPc;
loadItemLimit = (loadItemLimit == null) ? 24 : loadItemLimit;
thumbBoxElement = (thumbBoxElement == null) ? 'product_thumb_box_1' : thumbBoxElement;
$('body').waitMe();
$.ajax({
type: 'POST',
url: '/websites/get-shop-products',
data : 'data-last-page-offset='+lastPageOffset+'&data-filter='+dataFilter+'&data-item-load-limit='+loadItemLimit+'&data-thumb-box-element='+thumbBoxElement+'&data-vendor-id='+vendorId+'&data-pc-id='+currentPc+'&data-psc-id='+currentPsc+'&data-pssc-id='+currentPssc+'&data-brand-id='+currentBrand+'&data-product-model-id='+currentProductModelId+'&data-product-year='+currentProductYear+'&data-search-keyword='+currentSearchKeyword+'&data-district-id='+currentDistrict+'&data-city-id='+currentCity+'&data-min-year='+currentMinYear+'&data-max-year='+currentMaxYear+'&data-min-price='+currentMinPrice+'&data-max-price='+currentMaxPrice+'&data-colors='+colors+'&data-sizes='+sizes+'&data-materials='+materials,
beforeSend:function(){
$('#shop-products-load-more #loading-img').show();
},
success: function(result){
console.log("Items retrieved");
var result = jQuery.parseJSON(result);
var categoryDetails = result.category_details;
$('#shop-products-load-more #loading-img').hide();
if (categoryDetails.pcId == "null") {
categoryDetails.pcId = null;
}
if (categoryDetails.pscId == "null") {
categoryDetails.pscId = null;
}
if (categoryDetails.psscId == "null") {
categoryDetails.psscId = null;
}
if (categoryDetails.brandId == "null") {
categoryDetails.brandId = null;
}
if (
(categoryDetails.pcId == currentClickedPc) &&
(categoryDetails.pscId == currentClickedPsc) &&
(categoryDetails.psscId == currentClickedPssc) &&
(categoryDetails.brandId == currentClickedBrand)
)
{
var $items = $(result.dom);
totalProductsLoad = result.total_products;
var inPageOffset = lastPageOffset;
var outPageOffset = '0';
if(dataFilter == '0'){
console.log('1=');
outPageOffset = ( inPageOffset == 0 ) ? 0 : $('#shop-products-load-more').attr('data-page-offset');
} else {
if(dataFilter == '-1'){
console.log('2=');
outPageOffset = inPageOffset;
$('#'+containerName).isotope();
} else {
console.log('4=',dataFilter);
console.log($(dataFilter).length);
if($(dataFilter).length){
console.log('3=');
outPageOffset = $(dataFilter+' .product-thumb').last().attr('data-page-offset');
}
}
}
if(1 || inPageOffset == outPageOffset || (inPageOffset == 0 && outPageOffset ==1)){
$items.imagesLoaded(function(){
$('body').waitMe('hide');
$('#'+containerName).isotope( 'insert', $items );
if (typeof showAvailableBrands != "undefined") {
showAvailableBrands();
}
$('#shop-products-load-more').attr('data-page-offset',$('body .product-thumb').last().attr('data-page-offset'));
if(scrollToAfterLoad >0){
$('html, body').animate({
scrollTop: scrollToAfterLoad -150
}, 500);
scrollToAfterLoad = 0;
/* Hide the load more button if all products are loaded */
}
loadedProductCount = $('.product-thumb-area').length;
checkAndHideLoadMoreButton(totalProductsLoad, loadedProductCount);
});
}
//get displaying thumb box count
// setTimeout(function(){
// if($('#'+containerName+' .product-thumb-area:visible').length == 0){
// $('#'+containerName+ ' div.message').remove();
// $('#'+containerName).append('<div class="message error" style="padding-bottom:0;min-height:36px;height:auto;display:none;">There are no listings under this category yet, keep looking though...</div>');
// $('#'+containerName+' .message').slideDown('slow');
// }
// }, 1000);
// }
$('#shop-products-load-more').attr('data-ajax-call-sent','0');
} else {
$('body').waitMe('hide');
console.log('mismatch ', categoryDetails.pcId ,"<>",currentClickedPc, " ", categoryDetails.pscId ,'<>', currentClickedPsc, ' ', currentPssc ,'<>', categoryDetails.psscId , ' ',categoryDetails.brandId ,'<>', currentClickedBrand);
}
},
error: function(){
alert('Error loading items.');
}
});
}
function hideLoadMoreButton(){
$('#show-more-button').fadeOut();
}
function checkAndHideLoadMoreButton(totalItems, loadedItems){
if (totalItems <= loadedItems) {
$('#show-more-button').fadeOut();
} else {
$('#show-more-button').fadeIn();
}
}
</script>
<script type="text/javascript">
console.log("shop content 1");
var currentClickedPc = 120;
var currentClickedPsc = null;
var currentClickedPssc = null;
var currentClickedBrand = null;
var currentProductModelId = null;
var currentProductYear = null;
// $(window).scroll(function(){
$('.load-more-button').click(function(){
// $(this).fadeOut();
scrollToAfterLoad = $(this).offset().top;
var lastPageOffset = $('#shop-products-load-more').attr('data-page-offset');
var dataFilter = ( $('li.active-filter').length ) ? $('li.active-filter a').attr('data-filter') : '0';
dataFilter = ( dataFilter == '*' ) ? '0' : dataFilter;
var vendorId = ( '' != null ) ? '' : null;
// if($(window).scrollTop() == $(document).height() - $(window).height()){
if( $('#shop-products-load-more').attr('data-ajax-call-sent') == '0' ){
$('#shop-products-load-more').attr('data-ajax-call-sent','1');
//make this temporaly 1 to prevent multiple ajax call. After finishing the ajax request we make it back to 0
loadItemsOnDemand(lastPageOffset,dataFilter,'product-row',24,'product_thumb_box_2',vendorId,currentClickedPc, currentClickedPsc, currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear);
}
// }
});
// });
$(function(){
/** Call brand showing function */
// showAvailableBrands();
});
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
/* This function requires an input #available-brands with comma concatinated brand ids */
function showAvailableBrands(){
var brandIdConcatString = $('body').find('#available-brands').val();
if (brandIdConcatString == "" || brandIdConcatString == undefined){
return;
}
var brandIds = brandIdConcatString.split(",");
$('.shop-page-brand-icon.dynamic-icon').removeClass('stay');
// $('.shop-page-brand-icon.dynamic-icon').removeClass('current-brand');
$(brandIds).each(function(i,e){
if ($('.shop-page-brand-icon.brand-icon-'+e).css('display') == 'none'){
$('.shop-page-brand-icon.brand-icon-'+e).addClass('stay').fadeIn('fast');
} else {
$('.shop-page-brand-icon.brand-icon-'+e).addClass('stay');
}
});
$('.shop-page-brand-icon.dynamic-icon').each(function(i,e){
if (!($(this).hasClass('stay'))){
$(this).fadeOut('fast');
}
});
}
</script>
<script>
console.log("Shop filter 1");
$( function($){
jQuery( function() {
var $container = jQuery('#product-row');
$container.imagesLoaded( function() {
$container.isotope({
itemSelector: '.product-thumb-area',
layoutMode: 'fitRows',
percentPosition: true,
fitRows: {
rowHeight: 500
},
transitionDuration: '0.65s',
getSortData: {
name: '.product-title',
price_lh: function( itemElem ) {
if( $(itemElem).find('.product-price').find('ins').length > 0 ) {
var price = $(itemElem).find('.product-price ins').text();
} else {
var price = $(itemElem).find('.product-price').text();
}
priceNum = price.split("$");
return parseFloat( priceNum[1] );
},
price_hl: function( itemElem ) {
if( $(itemElem).find('.product-price').find('ins').length > 0 ) {
var price = $(itemElem).find('.product-price ins').text();
} else {
var price = $(itemElem).find('.product-price').text();
}
priceNum = price.split("$");
return parseFloat( priceNum[1] );
}
},
sortAscending: {
name: true,
price_lh: true,
price_hl: false
}
});
})
});
function isDoubleClicked(element) {
//if already clicked return TRUE to indicate this click is not allowed
if (element.data("isclicked")) return true;
//mark as clicked for 5 second
element.data("isclicked", true);
setTimeout(function () {
element.removeData("isclicked");
}, 5000);
//return FALSE to indicate this click was allowed
return false;
}
$('.shop-sorting li').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
var dataFilter = $(this).attr('data-filter');
var lstItemIdBasedOnFilter = ($(dataFilter).length)? $(dataFilter+' .product-thumb').last().attr('data-last-item-id'): '0'
loadItemsOnDemand(lstItemIdBasedOnFilter,dataFilter,'product-row');
$('.shop-sorting').find('li').removeClass( 'active-filter' );
$(this).addClass( 'active-filter' );
var filterByDataFilter = $(this).attr('data-filter');
$('#shop-container').isotope({ filter: filterByDataFilter });
var sortByValue = $(this).find('a').attr('data-sort-by');
$('#shop').isotope({ sortBy: sortByValue });
return false;
});
function updateProducts(){
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
dataFilter = null;
//load items related to this
setTimeout(function(currentClickedPc,currentClickedBrand){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},10,currentClickedPc,currentClickedBrand);
return false;
};
$('#product-model-id, #product-year').change(function(){
// updateProducts();
});
$('#update-products').click(function(){
updateProducts();
});
/* In shop page, click on a main category */
$('.custom-filter>li>a').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
/* Need to collapse other categories */
$(this).parent().parent().find('ul').removeClass('in');
// $(this).parent().find('ul').addClass('in');
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var pcId = $(this).attr('data-pc-id');
currentClickedPc = pcId;
currentClickedPsc = null;
currentClickedPssc = null;
// currentClickedBrand = null;
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
$('.shop-page-brand-icon img').removeClass('current-brand');
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
var dataFilter = $(this).attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
$('.custom-filter li').removeClass('active-filter');
$(this).closest('li').addClass( 'active-filter' );
$('.custom-filter li').find('span').css("background-color", "#eeeeee");
$(this).closest('li').find('span.parent-count').css("background-color", "#0082FC");
submenuToggle($(this));
//load items related to this
setTimeout(function(currentClickedPc,currentClickedBrand){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,null,null,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000,currentClickedPc,currentClickedBrand);
return false;
});
/* In shop page, click on a sub category */
$('.custom-sub-filter>li>a').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
console.log('Clicked C');
if (isDoubleClicked($(this))) return;
$(this).parent().parent().find('ul').removeClass('in');
$(this).parent().children('ul').addClass('in');
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
$('.custom-filter li').removeClass('active-filter active-menu');
$(this).closest('li').addClass( 'active-filter active-menu' );
$('.custom-sub-filter li').removeClass('active-filter active-sub-menu');
$('.custom-sub-filter li').find('span').css("background-color", "#eeeeee");
$(this).closest('li').find('span.child-count').css("background-color", "#CACACA");
submenuToggle();
var pcId = $(this).attr('data-pc-id');
currentClickedPc = pcId;
var pscId = $(this).attr('data-psc-id');
currentClickedPsc = pscId;
console.log("Current psc ",currentClickedPsc);
currentClickedPssc = null;
// currentClickedBrand = null;
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
$('.shop-page-brand-icon img').removeClass('current-brand');
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedBrand){
console.log("In filter 1 ",currentClickedPsc );
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,null,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000,currentClickedPc,currentClickedPsc,currentClickedBrand);
return false;
});
$('.custom-super-sub-filter>li>a').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
// console.log('Clicked D');
if (isDoubleClicked($(this))) return;
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
$('.custom-filter li').removeClass('active-filter active-menu');
$(this).closest('li').addClass( 'active-filter active-menu' );
$('.custom-sub-filter li').removeClass('active-filter active-sub-menu');
$('.custom-sub-filter li').find('span').css("background-color", "#eeeeee");
$(this).closest('li').find('span.child-count').css("background-color", "#CACACA");
submenuToggle();
var pcId = $(this).attr('data-pc-id');
currentClickedPc = pcId;
var pscId = $(this).attr('data-psc-id');
currentClickedPsc = pscId;
var psscId = $(this).attr('data-pssc-id');
currentClickedPssc = psscId;
// currentClickedBrand = null;
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
$('.shop-page-brand-icon img').removeClass('current-brand');
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000,currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand);
return false;
});
$('.shop-page-brand-icon img').click( function() {
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
$('.shop-page-brand-icon img').removeClass('current-brand');
$(this).addClass('current-brand');
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).parent().attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
currentClickedBrand = $(this).parent().attr('data-brand-id');
$('#brand-id').val(currentClickedBrand);
updateModelsFromSelectedBrand(currentClickedBrand);
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
/** colors */
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand ){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000, currentClickedPc, currentClickedPsc, currentClickedPssc, currentClickedBrand);
return false;
});
$('.shop-attr-link').click(function(){
hideLoadMoreButton();
scrollToTopOfProducts();
if (isDoubleClicked($(this))) return;
$('#shop-products-load-more').css('display','block');
var $allAtoms = $('#product-row').data('isotope').$allAtoms;
$('#product-row').isotope( 'remove', $('#product-row').isotope('getItemElements') ).isotope('layout');
var dataFilter = $(this).parent().attr('data-filter');
dataFilter = (dataFilter == '*') ? '0' : dataFilter;
/** colors */
if ($(this).hasClass('shop-color-link')) {
$(this).toggleClass('color-selected');
}
var selectedColors = [];
$('.color-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedColors.push(elementObject.attr('data-color-id'));
});
/** sizes */
if ($(this).hasClass('shop-size-link')) {
$(this).toggleClass('size-selected');
}
var selectedSizes = [];
$('.size-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedSizes.push(elementObject.attr('data-size-id'));
});
/** materials */
if ($(this).hasClass('shop-material-link')) {
$(this).toggleClass('material-selected');
}
var selectedMaterials = [];
$('.material-selected').each(function(i, obj) {
var elementObject = $(this);
// alert(elementObject.attr('data-color-id'));
selectedMaterials.push(elementObject.attr('data-material-id'));
});
currentProductModelId = $('#product-model-id').val();
currentProductYear = $('#product-year').val();
minPrice = $('#shop-filter-price .irs-from').text();
minPrice = minPrice.replace(/ /g, "");
minPrice = parseInt(minPrice);
maxPrice = $('#shop-filter-price .irs-to').text();
maxPrice = maxPrice.replace(/ /g, "");
maxPrice = parseInt(maxPrice);
currentSearchKeyword=null;
currentDistrict=null;
currentCity=null;
currentMinYear=null;
currentMaxYear=null;
//load items related to this
setTimeout(function(currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand ){
loadItemsOnDemand('0',dataFilter,'product-row',24,'product_thumb_box_2','',currentClickedPc,currentClickedPsc,currentClickedPssc,currentClickedBrand,currentProductModelId,currentProductYear,currentSearchKeyword,currentDistrict,currentCity,currentMinYear,currentMaxYear,minPrice,maxPrice,selectedColors,selectedSizes,selectedMaterials);
showClearBtn();
var filterByDataFilter = $(this).attr('data-filter');
$('#product-row').isotope({ filter: filterByDataFilter });
},1000, currentClickedPc, currentClickedPsc, currentClickedPssc, currentClickedBrand);
return false;
});
});
function submenuToggle(parentLink){
var attrAriaExpanded = $(parentLink).attr('aria-expanded');
if (typeof attrAriaExpanded !== typeof undefined && attrAriaExpanded !== false) {
var aeStatus = ($(parentLink).attr('aria-expanded') == "true") ? true : false;
$(parentLink).attr('aria-expanded',aeStatus);
$(parentLink).closest('li').find('.list-group-level1').attr('aria-expanded',aeStatus);
if(aeStatus){
$(parentLink).closest('li').find('.list-group-level1').addClass('in');
}
if(!aeStatus){
$(parentLink).closest('li').find('.list-group-level1').removeClass('in');
}
}
else{
$(parentLink).attr('aria-expanded',true);
$(parentLink).closest('li').find('.list-group-level1').attr('aria-expanded',true);
$(parentLink).closest('li').find('.list-group-level1').addClass('in');
}
}
function showClearBtn(){
$('.widget-filter-reset').show();
}
function hideClearBtn(){
$('.widget-filter-reset').hide();
}
$('#list-clear').click(function(){
currentClickedPc = null;
currentClickedPsc = null;
currentClickedPssc = null;
currentClickedBrand = null;
currentProductModelId = null;
currentProductYear = null;
$('#brand-id').val('');
$('#product-model-id').val('');
$('#product-year').val('');
$('#product-row').empty();
$('#product-row').isotope({
filter: '*'
});
var priceRangeSlider = $('.price_range').data("ionRangeSlider");
priceRangeSlider.reset();
$('.shop-color-link').removeClass('color-selected');
$('.shop-size-link').removeClass('size-selected');
$('.shop-material-link').removeClass('material-selected');
});
$(document).ready(function(){
function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
}
var dataPcFilerName = getUrlParameter('dataPc');
var dataPscFilerName = getUrlParameter('dataPsc');
var dataPsscFilerName = getUrlParameter('dataPssc');
console.log('dataPcFilerName ='+dataPcFilerName+' dataPscFilerName='+dataPscFilerName+' dataPsscFilerName='+dataPsscFilerName);
if (typeof dataPcFilerName != 'undefined' && dataPcFilerName != '' ) {
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPcFilerName+'"]').closest('li').addClass('active-filter active-menu');
$('a[data-filter=".'+dataPcFilerName+'"]').attr('aria-expanded',true);
}
if (typeof dataPscFilerName != 'undefined' && dataPscFilerName != '' ) {
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').addClass('active-filter active-menu jami');
$('a[data-filter=".'+dataPscFilerName+'"]').closest('ul').attr('aria-expanded',true);
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').find('ul.custom-super-sub-filter').attr('aria-expanded',true);
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').find('ul.custom-super-sub-filter').addClass('in');
}
if (typeof dataPsscFilerName != 'undefined' && dataPsscFilerName != '' ) {
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPsscFilerName+'"]').closest('li').addClass('active-filter active-menu');
}
});
function updateModelsFromSelectedBrand(selectedBrandId=""){
console.log("Clicked brand ", selectedBrandId);
var options = "";
switch (selectedBrandId){
case '27':
options = "<option value=''></option>";
break;
case '28':
options = "<option value=''></option>";
break;
case '26':
options = "<option value=''></option>";
break;
default:
options = "<option value=''></option>";
}
$('#product-model-id').html(options);
$('#product-model-id').val('');
}
/* Whenever the brand id is selected, let's populate the relevant models */
</script>
<script type="text/javascript">
console.log("Shop_1");
$(document).ready(function(){
function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
}
var dataPcFilerName = getUrlParameter('dataPc');
var dataPscFilerName = getUrlParameter('dataPsc');
setTimeout(function(){
if (typeof dataPscFilerName == 'undefined' || dataPscFilerName == '' ) {
$('a[data-filter=".'+dataPcFilerName+'"]').trigger('click');
}
else{
var pcFilterNames = dataPcFilerName.split('-');
$('.list-group-level1').addClass('collapse');
$('#sub-menu-'+pcFilterNames['1']).removeClass('collapse');
$('.custom-filter li').removeClass('active-filter active-menu');
$('a[data-filter=".'+dataPcFilerName+'"]').closest('li').addClass('active-filter active-menu');
$('.custom-sub-filter li').removeClass('active-filter active-sub-menu');
$('a[data-filter=".'+dataPscFilerName+'"]').closest('li').addClass( 'active-filter active-sub-menu' );
$('a[data-filter=".'+dataPscFilerName+'"]').trigger('click');
}
},2000);
//~ setTimeout(function(){
//~ $('a[data-filter=".'+dataPcFilerName+'"]').trigger('click');
//~ },2000);
});
</script>
</div>
<div style="height:0px; overflow: visible;">
</div>
<div class="container text-center" id="payment-delivery-partner-section">
<div class="payment-partners">
<style type="text/css">
#supporting-payment-services li {
display : inline-block;
}
</style>
</div>
<div class="delivery-partners">
</div>
</div>
<footer id="footer" class="dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap clearfix">
<div class="col_one_third">
<div class="widget clearfix">
<div>
<address>
<strong>Address:</strong><br>
11/2A, Abhayarama Lane, Narahenpita, Colombo 05 </address>
<strong>Call Us:</strong><br>
Tel : 0716351084<br/>Mob : 0716351084<br/>
<strong>Email Us:</strong><br>
technocity@css.lk
<br/>
<div class="social-media-links" style="display:inline-flex;">
<!-- FB Link -->
<div style="margin-right:5px;">
<a href="https://www.facebook.com/lakshop.lk" alt="Our Facebook page" title="Visit our Facebook page" target="_blank"><img src="/img/fb_small.png" alt=""/></a></div>
<div style="margin-right:5px;">
<a href="https://www.instagram.com/" alt="Our Instagram page" title="Visit our Instagram page" target="_blank"><img src="/img/instagram_small.png" alt=""/></a></div>
<div style="margin-right:5px;">
<a href="https://lk.linkedin.com/" alt="Our LinkedIn page" title="Visit our LinkedIn page" target="_blank"><img src="/img/linkedin_small.png" alt=""/></a></div>
</div>
<div class="clearfix visible-sm visible-xs"><br/></div>
</div>
<div style="margin-top:20px;">
<a href="/buyer-terms-and-conditions">Terms and Conditions</a> </div>
</div>
</div>
<div class="col_one_third">
<div class="widget clearfix">
<div id="fb-root"></div>
<script type="text/javascript">
console.log("FB WIDGET");
$(window).ready(function(){
setTimeout(function(){
$('body').append('<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v4.0&autoLogAppEvents=1">\<\/script>');
},1000);
});
</script>
<div class="fb-page" data-href="https://www.facebook.com/lakshop.lk/" data-adapt-container-width="true" data-tabs="timeline" data-width="" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/lakshop.lk/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/lakshop.lk/">Techno City</a></blockquote></div>
</div>
</div>
<div class="col_one_third col_last">
<div class="widget clearfix">
<style type="text/css">
#map {
width:100%;
height:250px;
min-height: 250px;
background: url('/files/websites/location/map.jpg') center center;
display: inline-block;
background-size:cover;
}
</style>
<a target="_blank" href="https://maps.google.com/?q=6.89597416,79.87513733">
<div id="map" style=""></div>
</a>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights" style="padding:5px 0; color:#fff; background:#0082FC">
<div class="container">
<div class="col_full text-center" style="margin-bottom:0px;">
Techno City<span style="color:#C5C5C5;"> © 2026 All rights reserved </span> | <span id="powered-by-text"><span style="color:#C5C5C5;">Powered by </span><a href="https://lakshop.lk/" style="color:#fff;" target="_blank" class="powered-by-link">LakSHOP website builder</a></span> </div>
</div>
</div>
</footer>
</div>
<div id="gotoTop" class="icon-line-arrow-up"></div>
<script src="/js/js/plugins.js"></script>
<script src="/js/js/functions.js"></script>
<script src="/js/js/jquery-ui.js"></script>
<script src="/js/js/add_to_cart.js"></script> <script src="/js/js/remove_from_cart.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#form-search-item').on('keyup keypress', function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
e.preventDefault();
return false;
}
});
$('#search-text').typeahead({
source: function (query, result) {
$('#search-text-value').val(query);
$.ajax({
url: '/products/findItem',
data: 'query=' + query,
dataType: "json",
type: "POST",
display: 'name',
success: function (data) {
var retStr = '';
result($.map(data, function (item) {
if(item.type == 'product_sub_category'){
retStr = '<div class="search-result cat-result" data-pc-id="'+item.pc_id+'" data-psc-id="'+item.psc_id+'" data-pssc-id="">';
retStr += '<span class="cat-search-result" style="background:#E9E9E9;">'+item.pc_name+'</span>';
retStr += ' -> '+'<a href="#" class="cat-search-result" style="background:#E2EEED;padding:2px 3px !important;">'+item.psc_name+'</a>';
retStr += '</div>';
}
if(item.type == 'product_category'){
retStr = '<div class="search-result cat-result" data-pc-id="'+item.pc_id+'" data-psc-id="" data-pssc-id="">';
retStr += '<a href="#" class="cat-search-result" style="background:#E9E9E9;padding:2px 3px !important;">'+item.pc_name+'</a>';
retStr += '</div>';
}
if(item.type == 'product'){
retStr = '<div id="'+item.href+'" class="search-result" data-pc-id="">'+item.name+'</div>';
}
return retStr;
}));
if($('.typeahead.dropdown-menu').length > 0){
// $('.typeahead.dropdown-menu').append('<li class="view-all" style="text-align:center;border-top:1px solid #efefef;"><a href="#" class="red-text" style="font-weight:bold;letter-spacing:1px;">View All</a></li>');
}
}
});
}
}).on('keydown', function(e) {
if (e.which == 13) {
if($('#form-search-item ul.typeahead').length > 0){
$('#form-search-item ul.typeahead li:first-child div').trigger('click');
}
else{
visitSearchResultPage();
}
}
});
});
function visitSearchResultPage(){
searchedText = $('#search-text-value').val();
window.location.href = '/products/search-result/'+searchedText;
}
$(document).ready(function(){
$('body').on('click','.view-all',function(e){
visitSearchResultPage();
e.preventDefault();
});
$('#form-search-item').submit(function(e){
visitSearchResultPage();
e.preventDefault();
});
$('body').on('click','.clear-search',function(e){
$('#search-text-value').val('');
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val('');
return false;
});
$('body').on('click','#form-search-item ul.typeahead li div',function(e){
var pcId = $(this).attr('data-pc-id');
var pscId = $(this).attr('data-psc-id');
var psscId = $(this).attr('data-pssc-id');
if(pcId == ''){ //we are clicking on a product
var itemId = $(this).attr('id');
var itemName = $(this).text();
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val(itemName);
var formAction = '/websites/item-detail/product/'+itemId;
window.location.href = formAction;
}
else{
var dataPcFilterName = 'pc='+pcId;
var dataPscFilterName = (pscId != '' && pscId != undefined) ? 'psc='+pscId : '';
var dataPsscFilterName = (psscId != '' && psscId != undefined) ? 'pssc='+psscId : '';
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val('');
var redirectLinkArray = [];
if (dataPcFilterName != "") {
redirectLinkArray.push(dataPcFilterName);
}
if (dataPscFilterName != "") {
redirectLinkArray.push(dataPscFilterName);
}
if (dataPsscFilterName != "") {
redirectLinkArray.push(dataPsscFilterName);
}
var redirectLink = redirectLinkArray.join("&");
window.location = '/shop/?'+redirectLink;
}
return false;
});
$('body').on('click','#form-search-item ul.typeahead li',function(e){
//~ console.log('click li');
if($(this).hasClass('view-all')){
$('.view-all').trigger('click');
}
else{
var pcId = $(this).find('div').attr('data-pc-id');
if(pcId == ''){ //we are clicking on a product
var itemId = $(this).find('div').attr('id');
var itemName = $(this).find('div').text();
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val(itemName);
var formAction = '/websites/item-detail/product/'+itemId;
window.location.href = formAction
}
else{
var dataPcFilerName = 'pc-'+pcId;
var pscId = $(this).find('div').attr('data-psc-id');
var dataPscFilerName = (pscId != '') ? 'psc-'+pscId : '';
$('body div.search-result').hide();
$('.search-box-middle').text();
$('.search-box-middle').html('');
$('.search-box-middle').val('');
if(dataPscFilerName == ''){
var formAction = 'https://stgsite156.lakshop.lk/?dataPc='+dataPcFilerName;
window.location.href = formAction;
}
else{
var formAction = 'https://stgsite156.lakshop.lk/?dataPc='+dataPcFilerName+'&dataPsc='+dataPscFilerName;
window.location.href = formAction;
}
}
}
return false;
});
$('body').on('keydown','#form-search-item ul.typeahead li',function(e){
if (e.keyCode == 13){
e.preventDefault();
return false;
}
});
});
</script>
<script src="/js/rateyo/jquery.rateyo.min.js"></script> <script src="/js/js/waitMe.min.js"></script> <script type="text/javascript">
$('#close-top-cart').click(function(e){
$('#top-cart').removeClass('top-cart-open');
});
var currentController = 'websites';
var currentAction = 'shop';
console.log('currentController ='+currentController+' currentAction='+currentAction);
if(!(currentController == 'cartitems' && currentAction=='viewcart')){
if('0' > 0){
$('#delivery-not-supported').slideDown('slow');
}
}
</script>
<script type="text/javascript">
</script>
<style type="text/css">
/* The Modal (background) */
.location-model {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1000; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: hidden; /* Enable scroll if needed */
background-color: rgba(255,255,255,0.95); /* Black w/ opacity */
}
/* Modal Content/Box */
.location-modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
width: 80%; /* Could be more or less, depending on screen size */
}
/* The Close Button */
.location-model-close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
width:auto;
}
.location-model-close:hover,
.location-model-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.location-modal-content h4 {
color: #000;
}
#btn-set-location-invoke {
position: fixed;
bottom:0px;
right:0px;
z-index: 10000;
}
</style>
<!-- Trigger/Open The Modal -->
<div id="location-set-model" class="location-model">
<!-- Modal content -->
<div class="location-modal-content">
<div class="clearfix">
<h4>Please select your district and the city<span class="location-model-close">×</span></h4>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col col-12 col-sm-4 location-set-district">
<div class="input select"><label for="district-id">District</label><select name="district_id" class="form-control" id="district-id"><option value="9">Ampara</option><option value="14">Anuradhapura</option><option value="23">Badulla</option><option value="7">Batticaloa</option><option value="1" selected="selected">Colombo</option><option value="20">Galle</option><option value="2">Gampaha</option><option value="22">Hambantota</option><option value="10">Jaffna</option><option value="3">Kalutara</option><option value="4">Kandy</option><option value="19">Kegalle</option><option value="25">Kilinochchi</option><option value="16">Kurunegala</option><option value="11">Mannar</option><option value="5">Matale</option><option value="21">Matara</option><option value="24">Moneragala</option><option value="12">Mullaitivu</option><option value="6">Nuwaraeliya</option><option value="15">Polonnaruwa</option><option value="17">Puttalam</option><option value="18">Ratnapura</option><option value="8">Trincomalee</option><option value="13">Vavuniya</option></select></div> </div>
<div class="col col-12 col-sm-4 location-set-city">
<div class="input select"><label for="city-id">City</label><select name="city_id" class="form-control" id="city-id"></select></div> </div>
</div>
<hr>
<div class="row">
<button class="btn btn-success btn-block form-control button" id="btn-set-location" type="submit">Update</button> </div>
</div>
</div>
<script type="text/javascript">
// Get the modal
var locationSettingModel = document.getElementById("location-set-model");
// Get the button that opens the modal
var btnSetLocationInvoke = document.getElementById("btn-set-location-invoke");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("location-model-close")[0];
if (btnSetLocationInvoke != undefined){
// When the user clicks on the button, open the modal
btnSetLocationInvoke.onclick = function() {
showLocationSettingDialog();
}
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
hideLocationSettingDialog();
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == locationSettingModel) {
hideLocationSettingDialog();
}
}
function showLocationSettingDialog(){
locationSettingModel.style.display = "block";
$('body').css('overflow','hidden');
// setTimeout( function(){
$('#location-set-model #district-id').val('1');
$('#location-set-model #district-id').trigger('change');
// }, 500);
$('#location-set-model #country-id').trigger('change');
$('.location-modal-content #country-id').chosen();
}
function hideLocationSettingDialog(){
locationSettingModel.style.display = "none";
$('body').css('overflow','auto');
}
$('#btn-set-location').click(function(){
$('body').waitMe();
/* For guests, set a session. For others, update user's profile */
var countryId = $('#location-set-model #country-id').val();
var districtId = $('#location-set-model #district-id').val();
var cityId = $('#location-set-model #city-id').val();
var postCode = $('#location-set-model #post-code').val();
console.log(countryId,districtId,cityId );
$.ajax({
type : 'POST',
url : '/users/set-district-city',
data : 'country_id='+countryId+'&district_id='+districtId+"&city_id="+cityId+'&post_code='+postCode,
success : function(message){
hideLocationSettingDialog();
if (message == 'success'){
location.reload();
} else {
alert ("Error occurred. Please try again.");
}
},
error : function(){
hideLocationSettingDialog();
}
});
});
$('#location-set-model #country-id').change(function(){
$('#location-set-model .location-set-district, #location-set-model .location-set-city, #location-set-model .location-set-postcode').hide();
var selCountry = $(this).val();
if (selCountry == '200'){
$('#location-set-model .location-set-district, #location-set-model .location-set-city').show();
} else {
$('#location-set-model .location-set-district, #location-set-model .location-set-city').hide();
$('#location-set-model .location-set-postcode').show();
}
});
</script>
<script src="/js/common/district_city_filter.js"></script>
<script type="text/javascript">
//to get sub categories based on categories
$("select#products-0-district-id").change(function(){
console.log('Triggering district change function');
var selectedDistrictId = $(this).val();
console.log("selected district id ", selectedDistrictId);
var cities = getCityOptionsFromDistrictId(selectedDistrictId);
console.log("GOT CITIES",cities);
$('#products-0-city-id, #edit-form #products-0-city-id').html(cities);
$("select#products-0-city-id").trigger("chosen:updated");
});
$("select#district-id").change(function(){
console.log('Triggering district change function');
var selectedDistrictId = $(this).val();
console.log("selected district id ", selectedDistrictId);
var cities = getCityOptionsFromDistrictId(selectedDistrictId);
console.log("GOT CITIES",cities);
$('#city-id').html(cities);
});
</script>
<script type="text/javascript">
$(function(){
// $('.location-modal-content #country-id').chosen();
});
</script>
</body>
</html>
'
}
$cookies = []
$values = [
(int) 0 => 'text/html; charset=UTF-8'
]
$name = 'Content-Type'
$first = true
$value = 'text/html; charset=UTF-8' header - [internal], line ??
Cake\Http\ResponseEmitter::emitHeaders() - CORE/src/Http/ResponseEmitter.php, line 181
Cake\Http\ResponseEmitter::emit() - CORE/src/Http/ResponseEmitter.php, line 55
Cake\Http\Server::emit() - CORE/src/Http/Server.php, line 106
[main] - ROOT/webroot/index.php, line 47 Your technical expert | Techno City
Please select your district and the city×
District Ampara Anuradhapura Badulla Batticaloa Colombo Galle Gampaha Hambantota Jaffna Kalutara Kandy Kegalle Kilinochchi Kurunegala Mannar Matale Matara Moneragala Mullaitivu Nuwaraeliya Polonnaruwa Puttalam Ratnapura Trincomalee Vavuniya
Update
Laptops
Mobile Phones
Tablets
Televisions
Home Appliances
Accessories
