oddthing

LitCommerce feature is great, but is it possible to manage inventory across two squarespace websites?

The idea is to duplicate our website so that each can be dedicated to different currencies. Without a multi currency feature, this is only solution I can think of. Or if there was a multi-currency feature at the checkout, this would be ideal for e-commerce. 

Hi,

I have a e-commerce store based in New Zealand which sells products in NZD. I am also wanting to sell products in Australia (AUD). There is no multi-currency option at the checkout that I know of so I am thinking of duplicating my website. If I make a duplicate website for Australian customers, is there a way to sync inventory between the two websites? 

Essentially if someone buys a product from the NZ store, I will need the stock levels to also update in the AUS store. 

Each order has the correct GST amount, but I need my GST number to show on the invoice that customers receive after making an online order. 

Hi Tuanphan,

Here is a link for reference - https://oddthing.co.nz/store/monitor-stand

Thank you,

Hi,

I'm happy with how the image looks on desktop and on mobile. However, in tablet view the image auto scales really small and there is no way to adjust it to be larger. Is it possible to make the image larger in tablet view or the tablet view the same as the mobile view?

Screenshots attached. 

Thanks in advance.

Is it possible for the image to take up the whole top section as it does in the mobile view?

Hi,

I'm happy with how the image looks on desktop and on mobile. However, in tablet view the image auto scales really small and there is no way to adjust it to be larger. Is it possible to make the image larger in tablet view or the tablet view the same as the mobile view?

Screenshots attached. 

Same issue here 😞 Would love to know if anyone finds a workaround.

47 minutes ago, tuanphan said:

Can you share link to page where you use image? We can check easier.

https://henrycaird.co/

Thank you

2 minutes ago, tuanphan said:

edit .5 in above code

you can change to 2s, 3s, 10s, 100s..

Hi,

Yes, but for some reason this only changes the Fade In....there is no fade out when the cursor leaves the image 😕

Hi,

I am using the css code below to add a hover fade effect on my images. However, the images fade out very quickly.

Any idea if there is a line I can add to make it fade out slowly when the cursor is taken off the image?

.image-block:hover {
background-color: #00000; opacity: 0.6; transition: all .5s ease-in-out;}

Thank you in advance 🙂 

8 hours ago, tuanphan said:

@media screen and (max-width:900px) and (min-width:641px) {
.ProductList-grid.clear {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-column-gap: 5px;
}
.tweak-product-list-meta-position-overlay .ProductList-item {
    width: unset !important;
    clear: none !important;
    float: none !important;
}
.ProductList-grid .ProductList-image {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
}

 

Thank you very much for your help @tuanphan 

That works 🙂

The only minor issue is the padding down the middle of the thumbnails seems to be larger than everywhere else..but this is not a major issue...Let me know if there is a simple fix - otherwise thank you for all your help.

9 hours ago, tuanphan said:

@media screen and (max-width:900px) and (min-width:641px) {
.ProductList-grid.clear {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-column-gap: 5px;
}
}

 

Thanks @tuanphan, but it seems to have issues with spacing/scaling the thumbnails when transition to two per row. See attached screenshots 

Thanks so much @tuanphan! Now works perfect for mobile. 

Is it possible to make it also transitions to two thumbnails per row for tablet?

Thank you 🙂

Site URL: https://oddthing.co.nz/

Hi there,

I'm looking for some help with the number of product thumbnails displayed per row on my store.

I have created a product page which has three thumbnails per row. Currently the three thumbnails reduce to two thumbnails per row when viewed on mobile. 

When viewing on mobile, I would like this to change to one thumbnail per row & ideally two thumbnails per row for tablet.

Is this achievable with custom css?

Thanks for your help in advance! 🙂