jmerrill

@tuanphan Great thank you. This works and I think I'll just stick with this.

Last request, can I disable the text showing as a link on mobile, since hovers won't work anyway?

@tuanphan Here's the code I added to my page - not quite working yet.

Also, one last tweak request: Is there a way to have the image follow the cursor when hovering over text?

URL: https://artdomain.co/about

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  // redford
  $('#block-yui_3_17_2_1_1707952103266_14731 a[href="#redford"]').hover(function(){
    $("#block-yui_3_17_2_1_1721156617453_16796").addClass("show");
    $(this).addClass('layer-index');
    }, function(){
    $('#block-yui_3_17_2_1_1721156617453_16796').removeClass("show");
    $(this).removeClass('layer-index');
    }
  );
});
</script>
<style>
#block-yui_3_17_2_1_1721156617453_16796 {
  opacity: 0;
  transition: all 0.1s ease;
  }
.fe-block-yui_3_17_2_1_1707952103266_14731 {
position: relative;
z-index: 99999 !important;
}
  .fe-block-yui_3_17_2_1_1707952103266_14731 * {
      border: none !important;
    text-decoration: none !important;
  }
  .show {
  opacity: 1 !important;
     transition: all 0.1s ease;
  }
.fe-block:has(.layer-index) {
     z-index: 999999999999999 !important;
    position: relative !important;
}
</style>

@tuanphan Love your share here. Is there any way to have the image display above the text on the z index?

URL: https://artdomain.co/about

I've found a couple other options as well that you might want to look into:

https://snazzyview.com/squarespace-plugins/p/slide-out-cart-plugin-squarespace
https://squarerefresh.com/plugins/mini-cart

@tuanphan Never mind, figured it out. Simple fix - you just remove the thumbnail images from the variants when editing your product.

@tuanphan do you happen to have a fix for this?

I am using the Simple layout for product pages and have a string of product images displaying vertically. When I select a product variant (size), the page scrolls to the top. 

Is there a way to disable this page scrolling?

URL: https://artdomain.co/apparel/p/unisex-t-shirt-13

 

URL: https://artdomain.co/shop/p/gustav-klimt-coloring-book-landscapes

I have some code in place for a "Buy on Amazon" link in the product description to redirect to Amazon. Along with this there is some CSS to style the link as a button. The CSS works perfectly on desktop but at mobile size doesn't.

Assuming this needs some kind of media query code??? Any help would be appreciated!

How can I simply change "Written By" to "Written by" (making "B" lowercase)?

Anyone found a solution to this? Facebook comments looks fine on desktop but tablet and mobile have a bunch of white space on the right.

URL: https://artdomain.co/articles/the-curious-case-of-gustav-klimts-enigmatic-portrait-of-a-lady

This is the code I added to the Post Blog Item Code Injection space:

<div class="fb-comments" data-href="https://artdomain.co/blog{website.baseUrl}{permalink}" data-width="100%" data-numposts="5"></div>

Any updates on this issue SS?

I have the following page with a simple quiz on it—there will be many of these types of pages.

I would like to know if there is a way clicking on buttons A, B and C reveals the section below it; while clicking on button D reveals the bottom section.

Note: Once any button is clicked, the ability to click any other button is disabled.

Good points. I'll check.

@paul2009 I have a Contributor who is making blog entries for me. The blog entries are relatively simple (a title, image, very short excerpt, tag and category - no body text) but, there are now tens of thousands of them in total.

As of last week she has been experiencing slow performance in adding blog entries now.

However, when I go in and add blog entries, I don't have any issues.

Any suggestions?

 

Not sure where else to post this so...

I get an endless page load loop whenever I try to create a pricing plan. This isn't an isolated instance - happens every time.

Anyone else having this issue?

artdomain.co

Solved by @creedon with following code:
 

.ProductItem-details .ProductItem-details-excerpt a span {
  color : var( --siteBackgroundColor ) !important;
}

@creedon worked great, thanks!

I'm using some code from this thread to have a product page buy button redirect to Amazon.  Everything is working fine and I've figured out all of the CSS styling for the button - EXCEPT how to change the button text color to white.

Feel dumb posting this one but can't figure it out. Any pointers?

URL: artdomain.co

@creedon I'm using some of the code in this thread to have my buttons redirect to Amazon.  I have all of the CSS set up the way I want to match my website buttons - except for the button text color which I'm trying to change to white.

Simple as it seems, I haven't figured out how to change the text color.

Any suggestions? 

URL: artdomain.co

Never mind - figured it out with Chrome Inspect.

@tuanphan Thanks - this works great on desktop. How do I change the left/right padding on mobile?

@paul2009 Thanks for this solution - I want to use it for a product I'm going to sell on Amazon but, how do I find the data item ID of the product item on my shop page?

This bit below:

.ProductItem[data-item-id="64de28e1c47649745ed0bd3c"]

I'm looking at selling books on my site through some print-on-demand service. Lulu is the current service I'm looking at but based on research so far it looks like there's no direct integration between Lulu and SS.

However, I did come across a service called Onlizer and wondered if anyone has tried this or knows anything about them and if it works.

@nick_sh Amazing - better than what I wanted. Thank you!!!

@Web_Solutions Perfect, thank you!