Jump to content

MeaghanPM

Circle Member
  • Posts

    25
  • Joined

  • Last visited

Posts posted by MeaghanPM

  1. 19 hours ago, tuanphan said:

    Hi. Can you share link to 2 stores? We can check easier

    Hi!

     

    Here's a link to the store that shows the product descriptions how I'd like them to look:

    https://grapefruit-fox-6gzs.squarespace.com/config/

     

    And here's the store that shows them formatted weirdly when you click on the individual products:

    https://grapefruit-fox-6gzs.squarespace.com/config/pages/60d9ecd1a3702b380bbbe566/categories/60d9ecd1a3702b380bbbe56a

     

  2. Site URL: https://grapefruit-fox-6gzs.squarespace.com/

    Hello,

     

    I have two stores on my site because I want one to show up on the navigation and one to be hidden. This is fine, but I noticed the product pages display differently on each store. For the ones under "shop" they display how I'd like them to (proper spacing, markdowns, ect). However, the ones under "create" are formatted all wrong. Ideally, I'd like the "create" product listings to look the same as the "shop" product listings. 

     

    We used Javascript to make sure the product description showed up before the quantity. However, the javascript is only working on the "Shop" page and not the "Create" page. 

     

    Here is the Javascript we used:

     

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      $(document).ready(function() { 
            $('section.ProductItem-additional').insertAfter('.ProductItem-details-excerpt');
        });
    </script>
    <style>
      section.ProductItem-summary {
        align-items: flex-start !important;
        margin-bottom: 0px !important;
    }
      section.ProductItem-additional {
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }
    </style>

    <script>
    $(document).ready(function() {

     

    The password to view my site is "help"

  3. On 5/16/2021 at 5:04 AM, tuanphan said:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('section.ProductItem-additional').insertAfter('.ProductItem-details-excerpt'); }); </script> <style> section.ProductItem-summary { align-items: flex-start !important; } section.ProductItem-additional { margin-top: 20px !important; margin-bottom: 20px !important; } </style>

    Worked like a charm! Thank you so much!

  4. 8 hours ago, tuanphan said:

    Hi. Try this new code

    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script> jQuery(document).ready(function($) { $('section.ProductItem-additional .button-block').insertAfter(".ProductItem-details-excerpt"); }); </script> <style> .ProductItem-details-excerpt + .button-block>div>div { text-align: left; } </style>

     

    Hi @tuanphan,

    I put this code in, and it's the only code in my Header Code Injection section, but I'm still seeing the Additional Info block on its own at the bottom of the page. Did I miss a step, or am I doing something wrong?

  5. @tuanphan

    On 9/7/2020 at 3:31 AM, tuanphan said:

    <script> jQuery(document).ready(function($) { $('section.ProductItem-additional .button-block').insertAfter(".ProductItem-details-excerpt"); }); </script> <style> .ProductItem-details-excerpt + .button-block>div>div { text-align: left; } </style>

    Hello, I'm having the same issue with my website - I would also like the Additional Info block to appear after the description and above the color box. I tried to enter the above code in the Header Code Injection spot, but it didn't appear to have any effect. Thanks so much in advance!

     

    URL: https://www.promomomma.com/store/p/pfizer-pfam-minimal

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.