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

Moving Quick View Down in Store Page


Recommended Posts

  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

It looks like you solved this?

On mobile, do you want to center contact us button?

image.thumb.png.07440ede4bc679f78b59bcb7191c62ac.png

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

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

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

Hi @tuanphan, I actually just disabled in the end but have now switched it back on for you to have a better look at it. 

 

As for the contact us button, that would be extremely helpful thank you! If it could be done for social media buttons on mobile also that would like nice all four elements being centred - thank you!

Link to comment

Q1. I see quick view down here.

image.thumb.png.c55a3058374322a2ca7a338fd4af4160.png

Q2. Add to Design > Custom CSS

/* Center footer */
@media screen and (max-width:767px) {
div#page-section-5f648c802171aa5da9a1525a .span-12 .row * {
    text-align: center !important;
}
}

 

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

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

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

@tuanphan yeah this is something I'd noticed as the difference between the quick view option on the homepage as a 'product' element, in comparison to the quick view option on the store page. It is this second  quick view problem which I am trying to solve (ideally for it to be solved how the first one looks as it looks quite nice!)

Thank you for the extra bit of code for centering , very kind 

Link to comment

Add to Home > Design > Custom CSS

.products.collection-content-wrapper .grid-item .sqs-product-quick-view-button-wrapper {
    padding-bottom: 30px !important;
}

 

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

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

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
On 1/13/2021 at 7:52 PM, ferguswood said:

Thank you so much @tuanphan, you're a star

Text is a bit narrow on tablet. Do you want to increase width?

image.thumb.png.b0a19a04590d5d260974b04527fadbc3.png

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

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

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
On 1/17/2021 at 5:28 PM, ferguswood said:

Yes please @tuanphan, very kind of you to offer

Add to Design > Custom CSS

/* About tablet text width */
@media screen and (max-width:991px) and (min-width:768px) {
[data-section-id="5f9fd76831ce363ec2d593ad"] .content {
    width: 100% !important;
}
}

 

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

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

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

Create an account or sign in to comment

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


×
×
  • Create New...