Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

deandra.olivieri

Circle Member
  • Posts

    23
  • Joined

  • Last visited

Posts posted by deandra.olivieri

  1. On 5/5/2020 at 9:48 AM, tuanphan said:

    missing your cmt. Have you solved yet?

    Hey @tuanphan, haven't solved this yet. 

    Here's the link to the product: https://www.jenevoymakeupstudio.com/shop/eyenvy

    And link to the page with the summary block: https://www.jenevoymakeupstudio.com/eyenvy 

    I've had to remove all prices here for legal purposes. But ideally Id just remove the eyenvy product price only from the summary block.

    Excuse my ignorance, but what is cmt? 

     

    D

  2. Site URL: https://www.jenevoymakeupstudio.com/shop/make-up-for-ever-ultra-hd-self-setting-concealer

    Hi! 

    I have a client who has a number of different products for sale with variants. She wants to be able to offer pre-order on variants that are out of stock. Has anyone come across a work around for this? Below is a link to a product as an example. 

    https://www.jenevoymakeupstudio.com/shop/make-up-for-ever-ultra-hd-self-setting-concealer 

    Needing to change the "Add to Cart" button on only the variants that are out of stock.  I've create a pre-order work around on items without variants—see example here: 

    https://www.jenevoymakeupstudio.com/shop/amika-perk-up-dry-shampoo

    But this solution doesn't work when variants are involved because it requires that I change the "Add to Cart" button for all variants. 

     

    Any help with this issue would be greatly appreciated, thank you!

     

  3. 23 hours ago, tuanphan said:

    Can you share link to page where you use summary block?

    Can you share link to product page?

    Hi Tuanphan, Here is a link the the summary blocks: 

    https://jenevoymakeupstudio.com/eyenvy and https://jenevoymakeup.squarespace.com/eyes

    The item I am trying to hide the price on is "EyEnvy". For legal purposes, until this is resolved, I've had to remove the prices on all items. 

    I've managed to get the price removed everywhere else this product appears, but not within this summary block. Please see screen shots attached. 

    Thanks for your help with this!! 

    Screen Shot 2020-04-30 at 10.17.37 PM.png

    Screen Shot 2020-04-30 at 10.14.47 PM.png

    Screen Shot 2020-04-30 at 10.14.26 PM.png

  4. 2 minutes ago, tuanphan said:

    Can you clarify this? "Instead of a drop down for "gift cards" I want to create a link to an external source. I also want to create another category for "Shop All Products" that would link to an internal page. "

    Also, If you want to create Accordion/Tab,  try this plugin

     

    hey, yes I can. See below—this is what I'm trying to do: 

    +Shop All (internal link, no drop down)
    +Makeup (drop down with additional categories underneath)
    +Skincare (drop down with additional categories underneath)
    +Hair (drop down with additional categories underneath)
    +Tools and Accessories (drop down with additional categories underneath)
    +Gift Cards (external link, no drop down)

    This is how I've already adapted the code: 

    <div class="questionBlock">
       <span class="question" id="Q1" onclick="expand('A1')"><h3>+ Makeup</h3></span>
       <span class="answer" id="A1">
         <p><h2><a href="face">Face</a></h2></p> 
         <p><h2><a href="eyes">Eyes</a></h2></p>
         <p><h2><a href="lips">Lips</a></h2></p>
         <p><h2><a href="brows">Brows</a></h2></p>
         <p><h2><a href="lashes">Lashes</a></h2></p>
         <p><h2><a href="brushes">Brushes</a></h2></p>
         <p><h2><a href="makeup-tools">Tools + Accessories</a></h2> </p>
        </span> 
    </div>

     <div class="questionBlock">
       <span class="question" id="Q2" onclick="expand('A2')"><h3>+ Skin Care</h3></span>
       <span class="answer" id="A2">
         <p><h2><a href="normal-skin">Normal</a></h2></p>
         <p><h2><a href="dry-skin">Dry</a></h2></p>
         <p><h2><a href="oily-skin">Oily</a></h2></p>
         <p><h2><a href="sensitive-skin">Sensitive</a></h2></p>
         <p><h2><a href="again-skin">Aging</a></h2></p>
         <p><h2><a href="acne-skin">Acne</a></h2></p>
         <p><h2><a href="pigmentation-skin">Pigmentation</a></h2></p>
       </span>
     </div>
     <div class="questionBlock">
       <span class="question" id="Q3" onclick="expand('A3')"><h3>+ Hair</h2></span>
       <span class="answer" id="A3">
         <p><h2><a href="shampoo-conditioner">Shampoo + Conditioner</a></h2></p>
         <p><h2><a href="treatments">Treatments</a></h2></p>
         <p><h2><a href="hair-styling">Styling</a></h2></p>
         <p><h2><a href="hair-accessories">Styling Accessories</a></h2></p>
         <p><h2><a href="extensions">Extensions</a></h2></p>
       </span>
     </div>
     <div class="questionBlock">
       <span class="question" id="Q4" onclick="expand('A4')"><h3>+ Tools + Accessories</h2></span>
       <span class="answer" id="A4">
         <p><h2><a href="beauty-blender">Beauty Blender</a></h2></p>
         <p><h2><a href="boob-boost">Boob Boost</a></h2></p>
         <p><h2><a href="brushes">Makeup Brushes</a></h2></p>
         <p><h2><a href="airbrush">Airbrush</a></h2></p>
         <p><h2><a href="makeup-tools">Makeup Tools</a></h2></p>
         <p><h2><a href="brush-cleaner">Brush Cleaner</a></h2></p>
         <p><h2><a href="hair-tools">Hair Styling + Accessories</a></h2></p>
         <p><h2><a href="smile">Teeth Whitening</a></h2></p>
       </span>
     </div>

    <div class="questionBlock">
       <span class="question" id="Q5" onclick="expand('A5')"><h3>+ Gift Cards</h3></span>
      <span class="answer" id="A5">
         <p><h2><a href="https://clients.mindbodyonline.com/ASP/main_shop.asp?studioid=271697&tg=&vt=&lvl=&stype=42&view=&trn=0&page=&catid=&prodid=&date=4%2f28%2f2020&classid=0&prodGroupId=&sSU=&optForwardingLink=&qParam=&justloggedin=&nLgIn=&pMode=2&loc=1">Purchase Now</a></h2></p>
        </span> 
    </div>

       

     So instead of id Q5  having a drop down, I just want it to be a link. No drop down. Is this possible? 

     

  5. On 4/16/2014 at 12:06 AM, Bernard West said:

    Well, that took longer than I thought. Story of my coding life! 😉

    Anyway, here’s a bare bones solution, that you will need to style up to your own satisfaction. I’ve implemented a dummy FAQ temporarily on my free trial site that I am building and you can see it here for a few more days before I delete it: http://bernard-west.squarespace.com/faq/

    Alright, firstly, don’t delete your current FAQ/product pages. Do this on a new page to make sure it works first.

    Next add a new “page” to your site.

    Click the plus symbol to add a new block to your page. Select “code”.

    Paste this HTML code into the popup box (with your own questions and answers - replace “Question 1” etc with your own questions/products, replace “Here is answer 1…” etc with your own answers/descriptions):

    
    
     
    
      <div class="questionBlock">
       <span class="question" id="Q1" onclick="expand('A1')"><h2><img id="clickIcon" src='https://static.squarespace.com/static/53453ebbe4b0d46770eb7505/t/534e267fe4b06702647aabd8/1397630592016/arrow-right.png?format=300w'> Question 1</h2></span>
       <span class="answer" id="A1"><p>Here is answer 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></span>
     </div>
     <div class="questionBlock">
       <span class="question" id="Q2" onclick="expand('A2')"><h2><img id="clickIcon" src='https://static.squarespace.com/static/53453ebbe4b0d46770eb7505/t/534e267fe4b06702647aabd8/1397630592016/arrow-right.png?format=300w'> Question 2</h2></span>
       <span class="answer" id="A2"><p>Here is answer 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></span>
     </div>
     <div class="questionBlock">
       <span class="question" id="Q3" onclick="expand('A3')"><h2><img id="clickIcon" src='https://static.squarespace.com/static/53453ebbe4b0d46770eb7505/t/534e267fe4b06702647aabd8/1397630592016/arrow-right.png?format=300w'> Question 3</h2></span>
       <span class="answer" id="A3"><p>Here is answer 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></span>
     </div>
    
    
     

     

    You will also need to change the image source for the little arrow that I randomly selected off the net. That is, this bit here:

    
    <img id="clickIcon" src='https://static.squarespace.com/static/53453ebbe4b0d46770eb7505/t/534e267fe4b06702647aabd8/1397630592016/arrow-right.png?format=300w'>
     

     

    Change the link between the single quotes to your own preferred image (if you even want to use an image. If you don’t want an image, just delete the above image tag wherever it occurs in your HTML.

    Save that then click the settings button on the left hand menu and then click “code injection”. This is where you’ll put the JavaScript. Put the following JavaScript code into the “Footer” section:

    
    
     
    
    <script>
    var arrState=[];
    
    (function() {
     var arrAnswerBlocks=document.getElementsByClassName('answer');
    
     for (var i=0;i<arrAnswerBlocks.length;i++) {
       var element = arrAnswerBlocks[i];
       var state = {id:(element.id), collapsed:true}; 
       arrState.push(state); 
     }
    
    })();
    
    function expand(id) {
     var state={};
     var answerBlock=document.getElementById(id);
    
     for (var n=0;n<arrState.length;n++) {
       state=arrState[n];
    
       if (state.id==id) {
         if (state.collapsed) {
           answerBlock.style.display="block";
           state.collapsed=false; }
         else {
           answerBlock.style.display="none";
           state.collapsed=true;
         } //end if
       }//end if
    
     }// end for
    }
    </script>
    
    
     

     

    If anyone wants an explanation of what the JavaScript is doing, let me know.

    The last step is to put in your CSS styling. Click the “a” on the left menu to go back to editing your new page. Click the “Settings” button in the top right of the page and then click “Advanced” and enter the following CSS into the code box:

    
    
     
    
    <style>
     .question {
       cursor:pointer;
       color:black;
     }
    
     .answer {
       display:none;
       color:#606060;
     }
    
     .questionBlock {
         padding:2px;
       }
    
     #clickIcon {
       width:0.8em;
       height:auto;
       position:relative;
       top:2px;
     }
    </style>
    
    
     

     

    This is the code you want to adjust to get your styling right. You can change colours and fonts and spacings etc here.

    One strange thing I noticed while doing this is that the preview of the site while you are logged in doesn’t match the actual live site. I think it’s some sort of clash between the style editor and the custom CSS that we entered. If you have another browser type, access your site as a visitor (i.e. not logged in) via it and you can refresh it and see the live view as you make changes while logged in on the other browser.

    Go for it! 🙂

    Hey Bernard, I know it's been a while since you posted on this, however, I'm wondering if you can help me customize this code. I'm trying to add an additional div that functions as a link as opposed to prompting a drop down. This is the webpage where you can see what I'm working on: 

    https://www.jenevoymakeupstudio.com/mega-shop

    Instead of a drop down for "gift cards" I want to create a link to an external source. I also want to create another category for "Shop All Products" that would link to an internal page. 

    Thank you so much!! 

     

×
×
  • Create New...