Jump to content

How to remove "all" category from shop in Tresoire and edit button on forms to full width

Recommended Posts

  • Replies 14
  • Views 885
  • Created
  • Last Reply

Does this work for you? Here is Custom CSS
 

/* remove ALL from products list */
section.products-list nav {
  display: none !important;
}



/* make SEND button on About page larger on mobile ONLY */
@media only screen and (max-width: 441px){
  #collection-5ff259a0e293bc1fe287bdf6 button[type="submit"] {
    min-width: 18rem !important;
  }
}

image.thumb.png.79332bc9e03bcfc49e0f7626080f45fa.png

Link to comment
11 hours ago, tazmeah said:

Does this work for you? Here is Custom CSS
 


/* remove ALL from products list */
section.products-list nav {
  display: none;
}



/* make SEND button on About page larger on mobile ONLY */
@media only screen and (max-width: 441px){
  #collection-5ff259a0e293bc1fe287bdf6 button[type="submit"] {
    min-width: 18rem;
  }
}

image.thumb.png.79332bc9e03bcfc49e0f7626080f45fa.png

Hi thanks for this - it isn't working in Design > Custom CSS - do I need to do anything else?

Link to comment

Please try adding the "!important" to both lines, to make sure no other rules are competing. Like so.

/* remove ALL from products list */
section.products-list nav {
  display: none !important;
}



/* make SEND button on About page larger on mobile ONLY */
@media only screen and (max-width: 441px){
  #collection-5ff259a0e293bc1fe287bdf6 button[type="submit"] {
    min-width: 18rem !important;
  }
}

 

Link to comment
On 1/6/2021 at 5:17 PM, tazmeah said:

Please try adding the "!important" to both lines, to make sure no other rules are competing. Like so.


/* remove ALL from products list */
section.products-list nav {
  display: none !important;
}



/* make SEND button on About page larger on mobile ONLY */
@media only screen and (max-width: 441px){
  #collection-5ff259a0e293bc1fe287bdf6 button[type="submit"] {
    min-width: 18rem !important;
  }
}

 

Unfortunately nothing changes when adding anything to custom CSS. I'm using the Tresoire template if that helps

Link to comment

@andrea_liuzzi Add this code to Settings > Advanced > Code Injection > Header

<style>
  ul.nested-category-children {
    display: none !important;
}
  @media screen and (max-width:767px) {
 body#collection-5ff259a0e293bc1fe287bdf6 .newsletter-form-button-wrapper.submit-wrapper {
    min-width: 18rem;
}
  }
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 1/10/2021 at 6:38 AM, tuanphan said:

@andrea_liuzzi Add this code to Settings > Advanced > Code Injection > Header


<style>
  ul.nested-category-children {
    display: none !important;
}
  @media screen and (max-width:767px) {
 body#collection-5ff259a0e293bc1fe287bdf6 .newsletter-form-button-wrapper.submit-wrapper {
    min-width: 18rem;
}
  }
</style>

 

Still doesn't work - not sure why!

Link to comment
  • 4 weeks later...

Hi it's Juelz. 


I would like to do the same thing.
--> When clicking on the "shop":
Have the shop categories not only appear on the sidebar BUT have them shown as boxes where now are all products showing in random order. 

I have an example shop page from weebly:
https://www.magicalmarket.net/shop.html
It shows all categories to then be clicked on before seeing the individual products. Is that possible in Squarespace?

To have it more organized on the first look.  
I tried all CSS codes above and none worked on my end. I'm using the Hester Template.

 

I just started my page and am new to it. But I was thinking about a few solutions.
If the Weebly shop organization doesn't work on SS, would it be best to:
- create a "Shop" Folder in Navigation bar
- Add blank page with images to be linked and directed you to unlinked shop pages of each category?

If that's the case, would I then use "posters" to add the link,  so I can write the categories on them? Or can I add centered text on images........or do I have to edit an image beforehand and add the font to the image in before uploading?

Thanks in advance.

Link to comment
On 2/12/2021 at 10:34 AM, Juelz said:

Hi it's Juelz. 


I would like to do the same thing.
--> When clicking on the "shop":
Have the shop categories not only appear on the sidebar BUT have them shown as boxes where now are all products showing in random order. 

I have an example shop page from weebly:
https://www.magicalmarket.net/shop.html
It shows all categories to then be clicked on before seeing the individual products. Is that possible in Squarespace?

To have it more organized on the first look.  
I tried all CSS codes above and none worked on my end. I'm using the Hester Template.

 

I just started my page and am new to it. But I was thinking about a few solutions.
If the Weebly shop organization doesn't work on SS, would it be best to:
- create a "Shop" Folder in Navigation bar
- Add blank page with images to be linked and directed you to unlinked shop pages of each category?

If that's the case, would I then use "posters" to add the link,  so I can write the categories on them? Or can I add centered text on images........or do I have to edit an image beforehand and add the font to the image in before uploading?

Thanks in advance.

Do you still need help on this?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Thanks Tuan. I JUST finished the Shop page by adding images on a blank page, which I then linked to Shop categories. The Shop $ page with categories is in the non linked section now. And I created the thumbnail with text in Illustrator as this was easiest. 

Is there now a way to remove the

/ALL

above shop category which appears once I'm in one of the categories? 
 

Link to comment
12 hours ago, Juelz said:

Thanks Tuan. I JUST finished the Shop page by adding images on a blank page, which I then linked to Shop categories. The Shop $ page with categories is in the non linked section now. And I created the thumbnail with text in Illustrator as this was easiest. 

Is there now a way to remove the

/ALL

above shop category which appears once I'm in one of the categories? 
 

Add to Design > Custom CSS

/* remove text All */
nav.nested-category-breadcrumb {
    display: none !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
On 2/19/2021 at 3:11 PM, tuanphan said:

Add to Design > Custom CSS


/* remove text All */
nav.nested-category-breadcrumb {
    display: none !important;
}

 

THANK YOU! It's gone.

Are you able to tell me how the picture and the product title/info can be aligned? The product title is now lower than the product photo when clicking on it. 

https://terrier-cow-em9s.squarespace.com
pw: ZZZZJJJJ

Link to comment
On 2/14/2021 at 12:50 PM, tuanphan said:

Do you still need help on this?

If there is an "easy" way, yes. I created thumbnails of illustrations with the category names and added links to them which lead to shop categories. So I hit the actual shop landing page. 
 
If possible I'd love to use photos as category thumbnails and just write a text over them so it remains easily editable going forward. 
Is that somehow possible?

https://terrier-cow-em9s.squarespace.com
pw: ZZZZJJJJ

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.