bathtubgems

hey there, it's me again. I just added reviews to my site http://bathtubgems.com on my product pages, now the reviews show before my footer text that I injected onto every product page. is there a way to have the reviews show up after my injected footer text on product pages? thank you, virginia

I see how this works now. Thank you very much!

Ok, I have added the code to the HEADER section. Now it should be pulling text from the footer I created?

I downloaded it and then linked it to a page like it said in the directions (see attached)

http://bathtubgems.com

So I have to individually add code to the Additional Info section?

I'm not sure I did this right. Might be over my head

thanks for getting back to me! this doesn't seem to be working unfortunately. if possible i would like for my site to have the hover effect, as well as the sold out ribbon that looks exactly like the attached image (from this website) here is the code I have added , and what it looks like on my site: http://bathtubgems.com. something isn't quire right section.grid-meta-wrapper { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); z-index: 9999; opacity: 0; } section.grid-meta-wrapper * { text-align: center !important; } figure.grid-image:after { content: ""; background-color: rgba(255,255,255,0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; } .grid-item:hover section.grid-meta-wrapper { opacity: 1; } .grid-item:hover figure:after { opacity: 1; } <style> .product-mark.sold-out { position: absolute; top: -70px !important; left: 0; background-color: pink; padding: 20px; } </style>

please let me know if you can help out with this! thanks!

Hey again, if you scroll to the bottom of this page, the last row of products are all sold out. https://www.bathtubgems.com/bathtub-gems/diamond-rings I guess I do need to edit the overlay code if it is not clickable? Thanks very much for your help Virginia

Site URL: https://lily-yellow-zwzc.squarespace.com/ Hi there, I have already added the following custom code to get the text hover effect found on the products on my website. section.grid-meta-wrapper { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); z-index: 9999; opacity: 0; } section.grid-meta-wrapper * { text-align: center !important; } figure.grid-image:after { content: ""; background-color: rgba(255,255,255,0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; } .grid-item:hover section.grid-meta-wrapper { opacity: 1; } .grid-item:hover figure:after { opacity: 1; } I am wondering if someone can help me get a "Sold Out" flag added to my sold products that looks similar to the attached image I have provided from this website. The password to my site is bathtub Thanks in advance, Virginia

Yes, this sounds great. I have created a section at the bottom of my store page. How do i go about hiding it and moving the block into a location within the product summary?

Oh ok, thanks thats very helpful

Site URL: https://lily-yellow-zwzc.squarespace.com/config/ Hey there, I added a search block to my site so that customers may search my store for specific products. The search is returning text results (see attached image), when I would prefer it to return photos of products instead. Is is possible to change this? The password to my site is bathtub Thanks, Virginia

Site URL: https://lily-yellow-zwzc.squarespace.com/ Hi there, I added the following custom code to my site so that my product category menu still shows up when you click on a specific category, if that makes sense. Here is the code: /* Show category nav links */ div.nested-category-tree-wrapper { display: flex !important; float: none !important; min-width: 50% !important; max-width: 50 % !important; margin-right: 0 !important; } section.products.collection-content-wrapper.products-list { flex-direction: column !important; display: flex; } .nested-category-tree-wrapper>ul { width: 100% !important; display: flex; justify-content: left; align-items: left; } .nested-category-tree-wrapper>ul li { margin-left: 2vw; } nav.nested-category-breadcrumb { display: none !important; } ul.nested-category-children { display: none !important; } The problem is that on the mobile version of my site the formatting looks all messed up and you cant see all of the categories. The password to my site is bathtub Thanks in advance for your help, Virginia

Site URL: https://lily-yellow-zwzc.squarespace.com/ I would like to add a section of text describing and linking to shipping & return policies etc.. as well as a form block at the bottom of each product page. I know I can add this info individually on every product page using the "additional info" section in the edit product section BUT it's way to much work to individually add it in that way. Is it possible? (I'm working in 7.1.) The pw to my site is bathtub Thank you, Virginia

Wow, thank you so much!!! That worked perfectly.

yes, here is the url https://lily-yellow-zwzc.squarespace.com/config/ And the password is 'bathtub'

I'm in the process of building my site (so still on a free trial). Not sure if this link will work: https://lily-yellow-zwzc.squarespace.com/config/

Hi there, I'm looking to create this overlay / hover effect with price and product title for my products in a 7.1 version template: https://indigo-demo.squarespace.com/ Is this possible? Thanks in advance for your help