PotsandPaperbySteph
-
Posts
33 -
Joined
-
Last visited
PotsandPaperbySteph's Achievements
-
So, following on from my previous post it seems like I have solved the issue on desktop by reading through some previous threads and having a play around! But on mobile the accordion is at the bottom - I've screenshotted. Is there any way I can please move it on mobile so that it's after product description? URL : https://www.potsandpaperbysteph.com/shop/p/equipment-papermaking-pigments Password: HELP Any help would be much appreciated please @creedon @tuanphan @jpeter? I can't seem to figure this one out!
-
Hi @creedon ☺️ I followed your step by step guide about a year ago to add the accordion to the product description and it works perfectly! The only problem I have is when I add product add-ons to the listing they appear in between description and accordion - see image. Is there any way I can please move the add-ons to the bottom of the listing please to below the add to cart button? URL: https://www.potsandpaperbysteph.com/shop/p/equipment-papermaking-pigments PASSWORD: HELP Thanks so much in advance!
-
Ignore the above, have just replied to your message @creedon! 🙂
-
Thanks for getting back to me @creedon. I've added each bit, in order and the acordion doesn't move? 🙁
-
Ok so I can't seem to get any of it to work? This is totally above my skill level so I'm really sorry to keep bothering you! I know I am being incredibly slow. I am unsure which post on the Moving 'add to cart' button thread is relevant to what I need. Is it the 3 codes from Store Product Details Reorder Desktop that I should be installing first? Then setting the CSS to: --add-to-cart-button : 2; --description : unset; --price : unset; --quantity : unset; --variants : unset; Then adding this to the Store Page Code Header Injection? <style> .pdp-layout .pdp-details .sqs-block-accordion { order : 1; } </style> Or is this completely wrong? Thanks for your patience @creedon 🙂
-
Hi @creedon, Thank you! I will work my way through this and see how I get on. I was hoping for the accordion to sit above the quantity label, will the above still work please?
-
creedon reacted to a post in a topic:
How to add accordion functionality into product description ?!
-
Thanks @creedon, your code worked great! Do you know what Custom CSS I can use to get the accordion to sit between the description and quantity label please? URL: https://www.potsandpaperbysteph.com/shop/p/o3rmu4pac0fwpetkskvge721p57asg Password: HELP
-
PotsandPaperbySteph reacted to a post in a topic:
Move additional product info to under product description
-
PotsandPaperbySteph reacted to a post in a topic:
Move additional product info to under product description
-
Move additional product info to under product description
PotsandPaperbySteph replied to raego's topic in Customize with code
Hi @tuanphan, I am moving the accordion to the product description using code: <script> (function(){ var accordion = document.querySelector('.ProductItem-additional .accordion-block'); var quantitylabel = document.querySelector('.quantity-label'); if(accordion && quantitylabel) { // Remove accordion from current position. accordion.parentNode.removeChild(accordion); // Add accordion before the quantity label. quantitylabel.before(accordion); } })() </script> Works perfectly on live website but disappears on mobile. Any ideas please? URL:https://www.potsandpaperbysteph.com/shop/p/o3rmu4pac0fwpetkskvge721p57asg Password: HELP -
Hi, I've added some Code Injection to the Footer so that an accordion appears under my product description. It works perfectly on my live website but disappears on mobile - any idea why please? Code used: <script> (function(){ var accordion = document.querySelector('.ProductItem-additional .accordion-block'); var quantitylabel = document.querySelector('.quantity-label'); if(accordion && quantitylabel) { // Remove accordion from current position. accordion.parentNode.removeChild(accordion); // Add accordion before the quantity label. quantitylabel.before(accordion); } })() </script> URL:https://www.potsandpaperbysteph.com/shop/p/o3rmu4pac0fwpetkskvge721p57asg Password: HELP Thanks in advance! 🙂
-
Thank you @creedon, I managed to get it working on my live site but it disappears on mobile - any idea why please? This is the code I used: <script> (function(){ var accordion = document.querySelector('.ProductItem-additional .accordion-block') var quantitylabel = document.querySelector('.quantity-label'); if(accordion && quantitylabel) { // Remove accordion from current position. accordion.parentNode.removeChild(accordion); // Add accordion before the quantity label. quantitylabel.before(accordion); } })() </script> URL:https://www.potsandpaperbysteph.com/shop/p/o3rmu4pac0fwpetkskvge721p57asg Password: HELP
-
PotsandPaperbySteph reacted to a post in a topic:
How to add accordion functionality into product description ?!
-
Thanks so much, I'll check it out now 🙂
-
Hi Paul, Thanks for getting back to me so quickly! Perhaps another silly question but where will I find your earlier post? Thanks, Steph
-
Site URL: https://www.potsandpaperbysteph.com/ I have noticed that my website appears differently in google when my business name is searched with and without spaces. When you search 'potsandpaperbysteph' this is what appears: When I google it with spaces, this is what appears: 1. How do I get google to display my site so that my homepage appears first when my name is searched without spaces? 2. How do I get the full list of sitelinks to appear when customers google my name with spaces as they do without? My analytics tell me that my highest search keyword is 'pots and paper by steph' with the spaces so I'd really appreciate it if the my homepage/the sitelinks could show when people google this too! I hope that this makes sense - I'm a total novice and any help would be greatly appreciated 🙂 Thank you!
