Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Center a Single Product


Recommended Posts

Hi. Can you share link to product page?

/config is admin url

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

You could go with one giant product.

1794177564_ScreenShot2021-04-20at3_50_34PM.thumb.png.99a3692d9ab7479da2829ed6c51595a5.png

 

<style>

  @media screen and ( min-width : 768px) {
  
    .products.collection-content-wrapper .list-grid {
    
      grid-template-columns : 1fr ;
      
      }
    }
    
  </style>

Or you can keep the size it is and center it.

120485879_ScreenShot2021-04-20at4_44_48PM.thumb.png.eb03fbd06ab7f848250a8957ea803847.png

 

<style>

  .products-list [data-item-id="6074dd06f9ef2673cf0d443f"] {
  
    grid-column: 2 / 3;
    
    }
    
  </style>

Add one of the code to Store Settings > Advanced > Page Header Code Injection for the store page.

This is for v7.1.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

I do have another issue I'm running into. 

On the product details page - I am unable to turn on the hover zoom feature. I've selected the paintbrush in the top right, gone to products, selected "hover action:zoom" but doesn't zoom in on the image when I hover. I've also tried the click action zoom and that rarely works as well. 

Any solves here?

 

https://silver-hyperboloid-kt5p.squarespace.com/config/settings/advanced 

Link to comment

No joy on the zoom. Oddly it seemed to work just fine on my test site. I have 3 thumbs displayed. The first two I clicked and hover/zoomed away no problem.

The third one would not zoom for about a minute of testing and digging into the code. Then started zooming all of a sudden.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 3 weeks later...

Hey! I'm hoping to add different sku images for different variants. So I have one shirt in 3 sizes. I'd like use an image of each size for my fulfillment center. When I add them to different variants though, it shows that image publicly on the product image. 

Is there a way to have a photo for each sku that doesn't show up publicly but can be referenced for shipping/fulfillment? 

Link to comment
  • 3 months later...
On 4/20/2021 at 6:52 PM, creedon said:

You could go with one giant product.

1794177564_ScreenShot2021-04-20at3_50_34PM.thumb.png.99a3692d9ab7479da2829ed6c51595a5.png

 

<style>

  @media screen and ( min-width : 768px) {
  
    .products.collection-content-wrapper .list-grid {
    
      grid-template-columns : 1fr ;
      
      }
    }
    
  </style>

Or you can keep the size it is and center it.

120485879_ScreenShot2021-04-20at4_44_48PM.thumb.png.eb03fbd06ab7f848250a8957ea803847.png

 

<style>

  .products-list [data-item-id="6074dd06f9ef2673cf0d443f"] {
  
    grid-column: 2 / 3;
    
    }
    
  </style>

Add one of the code to Store Settings > Advanced > Page Header Code Injection for the store page.

This is for v7.1.

Let us know how it goes.

Hi, do you have this same code for 7.0?

Link to comment

@cfrost

Please post the URL for the a product on your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...