bathtubgems
Member-
Posts
20 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
bathtubgems's Achievements
-
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
-
creedon reacted to a post in a topic: Adding Form to Every Product Page
-
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?
-
-
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?
-
How to Get Search Block to Return *Photos* of Products
bathtubgems replied to bathtubgems's topic in Customize with code
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