window.addEventListener('AddItemToCart', function(event) {
const productVariantId = event.detail;
// Perform AJAX request to add item to cart
fetch('/cart/add.js', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
items: [{
id: productVariantId,
quantity: 1,
}],
sections: 'cart-drawer,cart-icon-bubble'
})
})
.then(response => response.json())
.then(data => {
console.log('Item added to cart:', data);
document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', {
bubbles: true
}));
})
.catch((error) => {
console.error('Error adding item to cart:', error);
});
});
$(document).ready(function() {
// Cache the main add to cart area and sticky add to cart button elements
var $mainAddToCart = $('.Product__Info'); // Replace with your actual selector for the main add to cart area
var $stickyAddToCart = $('#stickycart'); // Replace with your actual selector for the sticky add to cart button
// Initially hide the sticky add to cart button
$stickyAddToCart.hide();
// Function to check visibility of main add to cart area
function checkAddToCartVisibility() {
// Check if the main add to cart area is visible in the viewport
var isVisible = $mainAddToCart.is(':visible') &&
$mainAddToCart.offset().top < $(window).scrollTop() + $(window).height() &&
$mainAddToCart.offset().top + $mainAddToCart.outerHeight() > $(window).scrollTop();
// Toggle sticky add to cart button based on visibility
if (isVisible) {
$stickyAddToCart.hide();
} else {
$stickyAddToCart.show();
}
}
// Run the check on scroll and on load
$(window).on('scroll resize', checkAddToCartVisibility);
checkAddToCartVisibility(); // Initial check
});
$(document).ready(function() {
// Show the first tab content by default
$(".tab-content .tab").hide();
$(".tab-content .tab:first").show();
// Handle click on tab link
$(".tab-links li").click(function(event) {
event.preventDefault();
// Remove active class from all tabs and content
$(".tab-links li").removeClass("active");
$(".tab-content .tab").removeClass("active").hide();
// Add active class to clicked tab and show the corresponding content
$(this).addClass("active");
var target = $(this).find("a").attr("href");
$(target).addClass("active").show();
});
$('.recrecenttab a').on('click', function(){
$('.recrecenttab a').removeClass('active');
$(this).addClass('active');
var isssss = $(this).attr('data_title');
$('.producttab').each(function(){
var isssssss = $(this).attr('data_title');
if(isssssss == isssss){
$(this).show();
// alert(isssss);
}else{
$(this).hide();
}
});
});
});
Get the app now
🎉Save 5% on your first order📱
Looks like you don't have the app installed
DOWNLOAD APP
Get our app now!
Scan the QR code below!
{"id":9324236079408,"title":"Hobor Gingham Maxi Dress in Yellow","handle":"hobor-gingham-maxi-dress-in-yellow","description":"\u003cp\u003e\u003cstrong\u003eMaterial : Cotton Poly Blend\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003eNew in Summer 2024 Collection, Shop Now!\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003c\/span\u003e \u003c\/p\u003e","published_at":"2024-05-21T19:12:36+05:30","created_at":"2024-05-20T04:00:25+05:30","vendor":"Alamode By Akanksha","type":"Summer Co-ords","tags":["Beach dresses for women","Cotton dresses for women","FAST","Fit and flare dresses for women","Goa dress for women","Holiday Dress","Holiday dresses for women","india75","Midi dresses for women","Printed dress","Ready to ship","Sleeveless dresses for women","spo-notify-me-disabled","Spring dresses for women","summer 24","Summer dresses for women","Summer outfits for women","Tiered dresses for women","vacation dress for women","Western wear for women","Yellow dresses for women"],"price":249900,"price_min":249900,"price_max":249900,"available":true,"price_varies":false,"compare_at_price":295000,"compare_at_price_min":295000,"compare_at_price_max":295000,"compare_at_price_varies":false,"variants":[{"id":48454246007088,"title":"Yellow \/ XS","option1":"Yellow","option2":"XS","option3":null,"sku":"DR_HOBO_YL_XS","requires_shipping":true,"taxable":true,"featured_image":{"id":45321034334512,"product_id":9324236079408,"position":1,"created_at":"2024-05-20T04:01:23+05:30","updated_at":"2024-12-29T14:05:19+05:30","alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","width":800,"height":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319","variant_ids":[48454246007088,48454246039856,48454246072624,48454246105392,48454246138160]},"available":true,"name":"Hobor Gingham Maxi Dress in Yellow - Yellow \/ XS","public_title":"Yellow \/ XS","options":["Yellow","XS"],"price":249900,"weight":200,"compare_at_price":295000,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","id":37779075301680,"position":1,"preview_image":{"aspect_ratio":1.0,"height":800,"width":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":48454246039856,"title":"Yellow \/ S","option1":"Yellow","option2":"S","option3":null,"sku":"DR_HOBO_YL_S","requires_shipping":true,"taxable":true,"featured_image":{"id":45321034334512,"product_id":9324236079408,"position":1,"created_at":"2024-05-20T04:01:23+05:30","updated_at":"2024-12-29T14:05:19+05:30","alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","width":800,"height":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319","variant_ids":[48454246007088,48454246039856,48454246072624,48454246105392,48454246138160]},"available":true,"name":"Hobor Gingham Maxi Dress in Yellow - Yellow \/ S","public_title":"Yellow \/ S","options":["Yellow","S"],"price":249900,"weight":200,"compare_at_price":295000,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","id":37779075301680,"position":1,"preview_image":{"aspect_ratio":1.0,"height":800,"width":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":48454246072624,"title":"Yellow \/ M","option1":"Yellow","option2":"M","option3":null,"sku":"DR_HOBO_YL_M","requires_shipping":true,"taxable":true,"featured_image":{"id":45321034334512,"product_id":9324236079408,"position":1,"created_at":"2024-05-20T04:01:23+05:30","updated_at":"2024-12-29T14:05:19+05:30","alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","width":800,"height":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319","variant_ids":[48454246007088,48454246039856,48454246072624,48454246105392,48454246138160]},"available":true,"name":"Hobor Gingham Maxi Dress in Yellow - Yellow \/ M","public_title":"Yellow \/ M","options":["Yellow","M"],"price":249900,"weight":200,"compare_at_price":295000,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","id":37779075301680,"position":1,"preview_image":{"aspect_ratio":1.0,"height":800,"width":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":48454246105392,"title":"Yellow \/ L","option1":"Yellow","option2":"L","option3":null,"sku":"DR_HOBO_YL_L","requires_shipping":true,"taxable":true,"featured_image":{"id":45321034334512,"product_id":9324236079408,"position":1,"created_at":"2024-05-20T04:01:23+05:30","updated_at":"2024-12-29T14:05:19+05:30","alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","width":800,"height":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319","variant_ids":[48454246007088,48454246039856,48454246072624,48454246105392,48454246138160]},"available":true,"name":"Hobor Gingham Maxi Dress in Yellow - Yellow \/ L","public_title":"Yellow \/ L","options":["Yellow","L"],"price":249900,"weight":200,"compare_at_price":295000,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","id":37779075301680,"position":1,"preview_image":{"aspect_ratio":1.0,"height":800,"width":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":48454246138160,"title":"Yellow \/ XL","option1":"Yellow","option2":"XL","option3":null,"sku":"DR_HOBO_YL_XL","requires_shipping":true,"taxable":true,"featured_image":{"id":45321034334512,"product_id":9324236079408,"position":1,"created_at":"2024-05-20T04:01:23+05:30","updated_at":"2024-12-29T14:05:19+05:30","alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","width":800,"height":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319","variant_ids":[48454246007088,48454246039856,48454246072624,48454246105392,48454246138160]},"available":true,"name":"Hobor Gingham Maxi Dress in Yellow - Yellow \/ XL","public_title":"Yellow \/ XL","options":["Yellow","XL"],"price":249900,"weight":200,"compare_at_price":295000,"inventory_management":"shopify","barcode":null,"featured_media":{"alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","id":37779075301680,"position":1,"preview_image":{"aspect_ratio":1.0,"height":800,"width":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319","\/\/www.alamodelabel.in\/cdn\/shop\/files\/FC916847-AB5B-4D9F-8695-D45327902A38.jpg?v=1735461319","\/\/www.alamodelabel.in\/cdn\/shop\/files\/9543899C-ED5F-4A23-B155-49EA3916D6AA.jpg?v=1735461320","\/\/www.alamodelabel.in\/cdn\/shop\/files\/0D3F337B-EE7D-4E9F-97DF-F5AAC5A7523C.jpg?v=1735461320"],"featured_image":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319","options":["Color","Size"],"media":[{"alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","id":37779075301680,"position":1,"preview_image":{"aspect_ratio":1.0,"height":800,"width":800,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319"},"aspect_ratio":1.0,"height":800,"media_type":"image","src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/277DAA65-6417-40CA-9518-63AAF6C770C6.jpg?v=1735461319","width":800},{"alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","id":37779075334448,"position":2,"preview_image":{"aspect_ratio":0.667,"height":1185,"width":790,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/FC916847-AB5B-4D9F-8695-D45327902A38.jpg?v=1735461319"},"aspect_ratio":0.667,"height":1185,"media_type":"image","src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/FC916847-AB5B-4D9F-8695-D45327902A38.jpg?v=1735461319","width":790},{"alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","id":37779075367216,"position":3,"preview_image":{"aspect_ratio":0.667,"height":1185,"width":790,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/9543899C-ED5F-4A23-B155-49EA3916D6AA.jpg?v=1735461320"},"aspect_ratio":0.667,"height":1185,"media_type":"image","src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/9543899C-ED5F-4A23-B155-49EA3916D6AA.jpg?v=1735461320","width":790},{"alt":"Hobor Gingham Maxi Dress in Yellow - Alamode By Akanksha","id":37779075399984,"position":4,"preview_image":{"aspect_ratio":0.667,"height":1184,"width":790,"src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/0D3F337B-EE7D-4E9F-97DF-F5AAC5A7523C.jpg?v=1735461320"},"aspect_ratio":0.667,"height":1184,"media_type":"image","src":"\/\/www.alamodelabel.in\/cdn\/shop\/files\/0D3F337B-EE7D-4E9F-97DF-F5AAC5A7523C.jpg?v=1735461320","width":790}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cstrong\u003eMaterial : Cotton Poly Blend\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003eNew in Summer 2024 Collection, Shop Now!\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003c\/span\u003e \u003c\/p\u003e"}
Skip to content