Daniellerose
-
Posts
9 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Daniellerose
-
-
On 10/17/2021 at 3:25 AM, tuanphan said:
Use this new code
@media screen and (min-width:768px) { .ProductItem-gallery-slides-item { opacity: 1 !important; width: calc(~"50% - 10px") !important; position: relative !important; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .ProductItem-gallery-slides { display: flex !important; flex-direction: row; flex-wrap: wrap; } section.ProductItem-details { position: sticky; position: -webkit-sticky; top: 0; } }
Thank you so much that worked perfectly!
-
Hi @tuanphan is there any way to make the 2 rows in this? Much appreciated in advance!
-
12 hours ago, tuanphan said:
Try adding to Design > Custom CSS > Then save & reload the site
@media screen and (min-width:768px) { .ProductItem-gallery-slides-item.sqs-pdp-gallery-slide { opacity: 1 !important; width: calc(~"50% - 10px") !important; position: relative !important; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .ProductItem-gallery-slides { display: flex !important; flex-direction: row; flex-wrap: wrap; } section.ProductItem-details { position: sticky; position: -webkit-sticky; top: 0; } }
This looks great, except it didn't create 2 rows is the only part missing. The sticky part is working great, but would love 2 rows like in this photo so that the image fits closer to the fold:) Thank you SO MUCH for your help, I really appreciate it.
-
12 hours ago, tuanphan said:
You mean image to 2 items/row?
Yes please, 2 items/row when I change the product images to a stacked layout and then make the other side sticky, similar to as seen here, but always with 2 rows:
-
On 11/17/2020 at 1:23 AM, tuanphan said:
With Indigo Template, add this to Home > Design > Custom CSS
section.ProductItem-details { position: sticky; position: -webkit-sticky; top: 20px; }
Sorry to bother you again, but I tried this and don't think it was working. I want to swap the product page to stacked format, but I want to do 2 columns instead of 1 single and would like to make one side sticky to scroll through photos/description.
Here is a link to an example page: https://www.madigancashmere.com/shop-all/houndstooth-scarf
And I have attached a photo of the result I was looking to achieve if it is possible? Thanks so much!
-
Thank you so much!
On 10/8/2021 at 6:24 AM, tuanphan said:Add to Design > Custom CSS
.variant-option { float: left; }
-
On 3/25/2020 at 10:23 AM, tuanphan said:
Add to Home > Design > Custom CSS
.product-variants { column-count: 2; } #productDetails .product-variants .variant-option { margin-top: 0; }
Hi Tuanphan, this is not working for me, can you possibly help? I am using the swatch plugin so maybe this is the issue?
Trying to get the colour and size variants all on one line with add to cart button below or if that is not possible, if I could reduce the spacing between price, variants and add to cart button that would help too.
Here is one product page for an example:https://kokorozenwear.com/loungewear/p/retro-tshirt
Attached is what I would like it to look like ideally:) Thanks so much in advance
-
Site URL: https://www.paularowan.com/payment-plan
Hi Everyone, Not sure if anyone out there can help me get the right custom code for changing the wording of a subscription product price. The Squarespace default is "X every month for x months" and I am looking to change it to "X per month for X months"
Any ideas?
Thanks!
Sticky excerpt to product description pages on Skye
in Site Design & Styles
Posted
Hi Tuanphan, Is there any way for me to have this layout change only on desktop not mobile? On mobile, it seems to work better as the original slideshow. Thank you in advance for your help!