creedon

Quote

but now the multi-day is not working.

That was totally my bad. I gave you the wrong code. Here is the right code, hopefully! 🙂

    const itemCallbacks = [
    
      cbsdeca,
      
      ];
      
    const itemFlyOutCallbacks = [
      
      cbmdefdca,
      
      ];
    
      

Let us know how it goes.

There probably wasn't an answer because no one provided a URL to a product page with variants. Although many of the elements of SS are the same, because SS allows you to add custom code it is critical that folks asking questions provide the URL to the page they are having issues on. That way we can provide the best answer possible, instead of guessing at an answer.

You can try the following. Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  .product-details .variant-select-wrapper::after {
  
    --size : 0.5rem;
    
    height : var( --size );
    width : var( --size );
    transform-origin : bottom;
    
    }
    
  </style>

This is for v7.1.

Let us know how it goes.

Quote

but that didn't seem to fix the breadcrumb on desktop.

This is what I see (or don't see) when I install the code locally.

I don't see my code installed on your site so it is hard to diagnose something that isn't installed.

Please see the following.

Let us know how it goes.

9 hours ago, Zewel said:

But it says Syntax Error on line 1.

Page Settings > Advanced > Page Header Code Injection don't report syntax errors. It sounds like you are talking about Design > Custom CSS.

If I had to guess you've put a <style> tag in Design > Custom CSS. Design > Custom. CSS doesn't understand HTML tags.

Please see Store Product Price Zero Remove.

Let us know how it goes.

Quote

CSS code to outfox the template, and create additional gallery pages?

CSS can not make the kinds of changes you want. CSS is to change how things look. It can't be used to change the underlying structure of pages.

Quote

Montauk has limit of 8 gallery pages.

This sounds a bit odd to me. Are you saying you have 8 gallery pages and that you are unable to add any more to the site?

Is it possibly the case that the site is on one of the legacy plans that have a total page limit?

14 hours ago, AndyKhouri said:

I'm trying to do this as well but it doesn't seem to be working.

The reason it isn't working is you installed the code in Design > Custom CSS. The post says to install in Portfolio Settings > Advanced > Page Header Code Injection for the portfolio page.

You can install the code in Design > Custom CSS if you remove the style tag.

4 hours ago, mariescantrol said:

Why couldn't you implement a feature just like for SEO search where we can enable/disable blog posts to show up in the search bar?

I just don't see this happening. The site search feature has been broken for years and SS has not fixed it. Search is unreliable.

Quote

My goal is to have all blog posts never show up in squarespace search bar because we want to focus on searching for specific keywords with products.

Add the following to Design > Custom CSS.

.sqs-post:not( .sqs-post-type-store-item ) {

  display : none;
  
  }

I haven't tested this extensively but this should hide all non product items.

Keep in mind that this just hides things. So you can end up with a page full of nothing which may throw folks off thinking that there are no results. It really isn't an ideal solution.

If search is mission critical to your site then SS search is not a good solution. You should look to something like Google's Programmable Search Engine.

Quote

Is there a way to hide the "All Gifts" breadcrumb from desktop only, too?

I have updated my previous code post.

Let us know how it goes.

Add the following to Design > Custom CSS.

.header-title::after {

  content : 'Strategic, entrepreneurial, and enterprise development';
  display : block;
  font-style : italic;
  margin-top : 1em;
  
  }

This is for v7.1.

Let us know how it goes.

The site is private.

Please set up a site-wide password,.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Add the following to Design > Custom CSS.

/* disable summary block links */

.summary-metadata-item--cats,
.summary-title-link

  {
  
    pointer-events : none;
    
    }

Let us know how it goes.

You've changed the setting, saved, changed it back, saved, and it still doesn't show?

If you've done that and it didn't work, you'll need to contact customer support as there is nothing we can do to fix SS's backend.

Let us know how it goes.

Quote

I'd like to remove this arrow that automatically shows up when you select the option for the Title of the Blog to link externally.

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.

<style>

  .passthrough-link:after {
  
    content : unset;
    
    }
	
  </style>

This is for v7.1.

Let us know how it goes.

Here is what I see when I install my code locally, set the settings, and then hover.

The settings I used.

  @border-color : unset;
  @border-radius : 20px;
  @border-style : solid;
  @border-width : 0px;

Please see Store Page Detail Additional Info Add Footer Boilerplate.

Please post the URL for a page on your site where we can see your issue.

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 does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

48 minutes ago, TSU said:

I have done the above steps.

What do I do next to have bandcamp display?

The code in this thread was not designed to work for social icons in the header. It was designed for Social Links blocks.

Please see the following.

Please see the following.

Let us know how it goes.

Add the following to Design > Custom CSS.

@media only screen and ( min-width : 800px ) {

  .products.collection-content-wrapper .nested-category-tree-wrapper > ul > li:first-child,
  .tweak-products-breadcrumbs .products.collection-content-wrapper .nested-category-breadcrumb
  
    {
    
      display : none;
      
      }
      
  }

This is for v7.1.

Let us know how it goes.

10 hours ago, ShineOnEditingSOE said:

Is there a way to make the sale price the one in white, and the original price in grey?

I have updated my previous post.

If you want to apply this effect to all on sale items you don't have to add a tag to the sale items. SS provides a CSS class for on sale items.

<style>

  /* product price and sale price reverse tagged */
  
  .products.collection-content-wrapper .grid-item.on-sale .grid-prices .product-price,
  .ProductItem.on-sale .ProductItem-details .product-price
  
    {
    
      display : -webkit-box;
      display : -ms-flexbox;
      display : flex;
      
      -webkit-box-orient : horizontal;
      -webkit-box-direction : reverse;
      -ms-flex-direction : row-reverse;
      flex-direction : row-reverse;
      
      gap : 1em;
      
      -webkit-box-pack : left;
      -ms-flex-pack : left;
      justify-content : left;
      
      }
      
  /* product price and sale price color change */
  
  .products.collection-content-wrapper .grid-item.on-sale .sqs-money-native,
  .ProductItem.on-sale .ProductItem-details .product-price .sqs-money-native

    {
    
      color : unset;
      
      }
      
  .products.collection-content-wrapper .grid-item.on-sale .original-price .sqs-money-native,
  .products.collection-content-wrapper .on-sale .original-price
  
    {
    
      color : #a8a6a1;
      
      }
      
  </style>

The general technique to do what you want is to put the common content in a section of the footer. Hide that section with CSS. Then with JavaScript move elements from the hidden footer section into the pages. In your case probably the destination would be the additional info element.

If you need more more help let us know we may be able to provide more info.

On 8/19/2022 at 6:58 AM, Eric401 said:

Is not working for my store

It's not working because the code was designed for v7.1 as stated in my March 28, 2021. Your site is v7.0 using the Brine template family.

Quote

You can see that the vertical images are displaying as horizontal.

Please point me to a specific image that is vertical so I don't have to search through all of them to figure out which are tall and which are wide.

6 hours ago, davedrew said:

To extend this, is there a way to apply this to each individual item page within that gallery?

I'm not sure I understand where you want to apply the effect. The code currently targets the product grid pages of a Store page.

If you link me directly to a page where you want to apply the effect I may be able to help.