Help product page

So my problem is the first picture is correct and the 2nd picture is mobile view. The product descriptions goes middle of the size and quantity.

I need help to change the size variant under the description as the pc version!

Please post the URL for your test page shown in the images on site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

https://www.lynix.live

Password: Product123

Also that would be lovely if the variant could be under quantity too. Thank you.

I'm a little unclear as to the order you want. You say the first image is correct but you want the variant under the quantity.

It would help if you specify what order you want for desktop and mobile. For example.

• desktop
  • title
  • price
  • description
  • variants
  • quantity
  • add to cart
• mobile
  • title
  • price
  • variants
  • quantity
  • add to cart
  • description

Or if you want the order the same, one list will do.

• title
• price
• description
• quantity
• variants
• add to cart

for both.

Please see Set Store Product Details to Display Flex.

After installing that code, after it add the following.

<style>

  /*
  
    begin reorder child elements of .ProductItem-details-checkout for desktop
    and mobile
    
    Version     : 0.1d0
    
    SS Version  : 7.1
    
    Note        : order is
                  
                    title
                    price
                    description
                    quantity
                    variants
                    add to cart
    
    By          : Thomas Creedon < http://www.tomsWeb.consulting/ >
    
    */
    
    .ProductItem-details .product-quantity-input {
    
      order : 1;
      
      }
      
    @media screen and ( max-width : 767px ) {
    
      .ProductItem-details .ProductItem-details-excerpt {
      
        order : 1;
        
        }
      }
      
    @media screen and ( min-width : 768px ) {
    
      .ProductItem-details .product-quantity-input {
      
        order : 1;
        
        }
        
      .ProductItem-details .product-variants,
      .ProductItem-details .sqs-add-to-cart-button-wrapper
      
        {
        
          order : 2;
          
          }
      }
      
    /* end reorder child elements of .ProductItem-details-checkout for desktop
       and mobile */
    
  </style>

Let us know how it goes.

WORKING THANK U!

@marketingm

Please see Store Product Detail Variant Order Reverse.

Let us know how it goes.

23 hours ago, marketingm said:

1. I would like to make the 'you might also like' section show 6 products rather than 5 on desktop and mobile. 

You can't get more than five with the SS built-in Related Products feature. There is no control to change the number. With CSS you can reduce the number by hiding items.

A manual alternative would be to use the Additional Info area of the product editor by adding product blocks there.

A more complex Javascript solution might be possible.

@marketingm

Please see the following.

Let us know how it goes.

@marketingm

Change [4] to 4