asassi

19 hours ago, tuanphan said:

sorry, missing style tag, use this code

<style>
  /* variant */
.product-variants {
    order: 2 !important;
}
/* purchase */
.sqs-add-to-cart-button-wrapper {
    order: 2 !important;
}
</style>

 

Legend works perfectly 🙂

5 minutes ago, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

/* variant */
.product-variants {
    order: 2 !important;
}
/* purchase */
.sqs-add-to-cart-button-wrapper {
    order: 2 !important;
}

@tuanphan do I need to add the original code as well?

I added the code to the code injector footer but nothing changed 

Thanks

On 6/8/2020 at 5:42 PM, tuanphan said:

Add to Home > design > Custom CSS

.product-quantity-input {
    order: 2 !important;
}
.ProductItem-details .sqs-add-to-cart-button-wrapper {
    order: 3 !important;
}
.ProductItem-details-excerpt {
    order: 4 !important;
}
.product-price {
    order: 5 !important;
}

 

Hi @tuanphan

I'm trying to do a similar thing. I'd like to move my product options dropdown box and purchase button up to sit below the price.

Order would be 1. product name 2. price 3. product option 4. add to cart 5. product description

I'm working in 7.0 

url is annasassi.com

Thanks 

Yes got it sorted. Thanks

Site URL: https://www.annasassi.com/

Hi I'm trying to customise the footer of my brine template website.

I have used some code to create three columns for desktop but keep them stacked for mobile - see screenshot

I now need to add a text box to sit above the navigation links - see screenshot - so that it reads 'Info' then the links below.

If it makes it easier, i don't mind what order the columns sit in as long as it's all aligned and stacks in mobile.

Hope that makes sense

Thanks in advance 🙂

@HoaLT sorry my previous post may not have been very clear..

Do you know how I can add a heading to the navigation block? So that it reads 'Info' above the links.

Doesn't need to be there for mobile, but ok if it is.

Thank you for your help 🙂

Amazing! that worked really well thank you 🙂

Do you know how I can add a heading in the navigation block? - see screen shot attached. 

Doesn't need to be there for mobile.. but don't mind if it is

Thanks

Site URL: https://www.annasassi.com/

Hi,

I'm trying to create a 3 column footer design on my website.

The column design option doesn't get the result I want. And I haven't found any code that works.

I've attached a screenshot of how I would like it to look on desktop. On mobile I'd like the footer blocks to remain stacked.

Is this possible?

Thanks

Genius! it worked perfectly thank you

Site URL: https://www.annasassi.com/

Hi, I'm trying to move my additional product info to sit directly under the product description, on the right hand side. It's basically just an enquiry button rather than an add to cart button.

I tried this code which worked perfectly except the button ended up sitting above the product name: 

<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>

Any suggestions would be much appreciated 🙂

On 5/12/2021 at 6:43 PM, 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 tried this code and it worked, except the additional info sits above the product name and description. I'm using Brine on 7.1... any suggestions? Thanks

www.annasassi.com