How can I rearrange link positions on my ecommerce site?

Store Design
,
1

Hi,

I’d like to move the SIZE GUIDE link above the drop-down same line as the SIZE word.

also I’d like to move the shop pay installments down below the Wishlist button.

3D2F7C70-8AAB-4826-AF31-47B28F1D3783.jpeg
3D2F7C70-8AAB-4826-AF31-47B28F1D3783.jpeg1170×2532 176 KB

my site is :down_arrow:

https://luxurymrkt.com/collections/footwear-1/products/children-of-the-discordance-ugg-x-cotd-classic-short-boots

2

Hi @Luxurymrkt ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.product-single__meta > div:last-child {
    display:flex !important;
    flex-direction: column;
}
.product-single__meta > div:last-child > div:nth-child(1) {
    order: 1;
}
.product-single__meta > div:last-child > div:nth-child(2) {
    order: 2;
}
.product-single__meta > div:last-child > div:nth-child(3) {
    order: 4;
}
.product-single__meta > div:last-child > div:nth-child(4) {
    margin-bottom: none !important;
    order: 3;
}
.product-single__meta > div:last-child > div:nth-child(5) {
    order: 5;
}
.product-single__meta > div:last-child > div:nth-child(6) {
    order: 6;
}
.product-single__meta > div:last-child > div:nth-child(7) {
    order: 7;
}
.product-single__meta > div:last-child > div:nth-child(8) {
    order: 8
}
.product-single__meta > div:last-child > div:nth-child(9) {
    order: 9;
}
.product-single__meta > div:last-child > div:nth-child(10) {
    order: 10;
}
.product-single__meta > div:last-child > div:nth-child(5) > div > form{
    display: flex !important;
    flex-direction: column;
    
}
.product-single__meta > div:last-child > div:nth-child(5) > div > form > .shopify-payment-terms.product__policies {
    order: 3
}
.product-single__meta > div:last-child > div:nth-child(5) > div > form > .btn.btn--full.add-to-cart {
    order: 1
}
.product-single__meta > div:last-child > div:nth-child(5) > div > form > .wk-button.wk-button--add  {
    order: 2

}

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like