How to make product card stick when scrowling on PC

Solved

How to make product card stick when scrowling on PC

INKLY
Pathfinder
140 0 18

Hi, does anyone know how to add the effect that makes the product card always visible when scrowling on PC? 
Like on this webiste: https://bouddha-bouddhisme.com/products/bracelet-tete-de-bouddha-perles-de-pierre?variant=4260006389.... Thank you for your help!

Store URL: https://servicedetable.com/products/black-and-white-sketch-pattern-ceramic-dinnerware-set?variant=49...

INKLY_0-1729672050806.png

 

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1954 562 561

This is an accepted solution.

@INKLY,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

 

<style>
@media only screen and (min-width: 768px){
.product__page--info {
  top: 80px!important;
}
}
</style>

 

Result:

BSSCommerceB2B_0-1729674195569.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 2 (2)

BSSCommerce-B2B
Shopify Partner
1954 562 561

This is an accepted solution.

@INKLY,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

 

<style>
@media only screen and (min-width: 768px){
.product__page--info {
  top: 80px!important;
}
}
</style>

 

Result:

BSSCommerceB2B_0-1729674195569.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

INKLY
Pathfinder
140 0 18

Thank you so much !