Return to previous page

How to (add to cart) and (price label) to parallel

This topic has 13 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

yohantosadu

Participant

February 6, 2018 at 04:59

how to (add to cart) and (price label)
between one product to another can equally flat for the horizontal like like picture below

Please, contact administrator
for this information.

#184035 Copied Theme version: Legendav 3.5.1 WooCommerce version: Version 4.9.2

12 Answers

yohantosadu

Participant

February 6, 2018 at 05:47

Is there a way to align the “Add to Cart” or “Select Options” buttons on the shop pages? When the product names are different lengths, or some products have reviews and some don’t, the buttons are misaligned. ??

#184036 Copied Theme version: Legendav 3.5.1 WooCommerce version: Version 4.9.2

yohantosadu

Participant

February 6, 2018 at 08:29

at Front page and shop pages
i want my website like transformation 2 picture below
before and after

Please, contact administrator
for this information.

#184041 Copied Theme version: Legendav 3.5.1 WooCommerce version: Version 4.9.2
Rose Tyler

Support staff

February 6, 2018 at 10:15
Hello,
```
.slide-item .product .product-name, .products-grid .product .product-name {
    min-height: 48px;
}
```
Regards
#184071 Copied
yohantosadu

Participant

February 6, 2018 at 10:29

okay, works. and
i want to add seacrh product in point 1 at pictures below, and how to decrease gap in point 2 at pictures below.

Please, contact administrator
for this information.

#184079 Copied Theme version: Legendav 3.5.1 WooCommerce version: Version 4.9.2

Rose Tyler

Support staff

February 6, 2018 at 14:18

1. Add search element in page content, and if you want to see it only on mobile, simply hide it http://prntscr.com/iavvr4
2. Set margin-bottom 0px for the slider element http://prntscr.com/iavwtu

Regards

#184099 Copied

yohantosadu

Participant

February 6, 2018 at 15:37

okay, works.

how to make 3 columns of product in shop page

Please, contact administrator
for this information.

#184115 Copied Theme version: Legendav 3.5.1 WooCommerce version: Version 4.9.2
Rose Tyler

Support staff

February 6, 2018 at 17:02
```
@media only screen and (max-width: 480px) {
    .product-loop.products-grid .product:nth-child(2n+1), 
    .sidebar-position-without .product-loop.products-grid .product:nth-child(2n+1) {
       clear: none !important;
    }
    .sidebar-position-without .product-loop.products-grid .product:nth-child(n) {
        width: 33.33%;
    }
    .product-loop.products-grid .product:nth-child(3n+1),
    .sidebar-position-without .product-loop.products-grid .product:nth-child(3n+1) {
        clear: both !important;
    }
}
```
Regards
#184126 Copied
yohantosadu

Participant

February 7, 2018 at 04:06

I’ve added to custom css, but not changes to mobile view, specially on page shop

.slide-item .product .product-name, .products-grid .product .product-name {
min-height: 50px;
}

.slide-item .product .add-to-container a, .products-grid .product .add-to-container a {
text-align: center;
}

.slide-item .product .add-to-container, .products-grid .product .add-to-container {
padding-left: 0;
padding-right: 0;
text-align: center;
}

.slide-item .product .product-name, .products-grid .product .product-name {
margin-left: 0;
margin-right: 0;
text-align: center;
}

@media only screen and (max-width: 480px) {
.slide-item .product .add-to-container a, .products-grid .product .add-to-container a {
font-size: 10px;
text-align: center;
}
.slide-item .product .add-to-container, .products-grid .product .add-to-container {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.slide-item .product .product-name, .products-grid .product .product-name {
font-size: 10px;
margin-left: 0;
margin-right: 0;
text-align: center;
}
.home h2.title {
font-size: 1.5rem;
}

.slide-item .product .product-name, .products-grid .product .product-name {
min-height: 58px;
}

.product-loop.products-grid .product:nth-child(2n+1),
.sidebar-position-without .product-loop.products-grid .product:nth-child(2n+1) {
clear: none !important;
}
.sidebar-position-without .product-loop.products-grid .product:nth-child(n) {
width: 33.33%;
}
.product-loop.products-grid .product:nth-child(3n+1),
.sidebar-position-without .product-loop.products-grid .product:nth-child(3n+1) {
clear: both !important;
}

}

#184157 Copied

Rose Tyler

Support staff

February 7, 2018 at 10:55

Hello,

Please provide temporary wp-admin and FTP access in Private Content so we can take a closer look.

Regards

#184197 Copied

yohantosadu

Participant

February 7, 2018 at 16:27

problem solved

#184275 Copied

yohantosadu

Participant

February 7, 2018 at 16:30

i was checked, everything is OK. problem solved

#184276 Copied Theme version: Legendav 3.5.1 WooCommerce version: Version 4.9.2

Rose Tyler

Support staff

February 7, 2018 at 16:32

Great.
This topic will be closed because the issue is solved. Please kindly open up new tickets for additional questions.
Have a nice day.

Regards

#184280 Copied
Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘how to (add to cart) and (price label) to parallel’' has been successfully resolved, and the topic is now closed for further responses

How to (add to cart) and (price label) to parallel

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection