Return to previous page

Product Variation Icon position - by vincentdv

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

vincentdv

Participant

April 22, 2021 at 09:47

Good day,
Is it possible to move the position of the variation option to “before” Quantity and Add to cart button?

Currently it is at the top.

and is there a way to make the variation icon bigger in size so it is more visible?
Thank you!

Please, contact administrator
for this information.

#285102 Copied Theme version: 7.4.7

5 Answers

Rose Tyler

Support staff

April 22, 2021 at 10:44

Hello,

Please provide the URL of the mentioned page.

Regards

#285112 Copied

vincentdv

Participant

April 22, 2021 at 12:30

attached link in private content area.

2. May I know my homepage, currently I only insert a single revolution slider element on homepage, may I know how do I make the slider fit the page, without needing to scoll in all devices views?

Please contact administrator
for this information.

#285131 Copied
Rose Tyler

Support staff

April 22, 2021 at 13:20
Hello,

1)

.products-list .content-product .product-details { display: flex; flex-direction: column; } .products-list .content-product .product-details .products-page-cats { order: 1; } .products-list .content-product .product-details .product-title { order: 2; } .products-list .content-product .product-details .price { order: 3; } .products-list .content-product .product-details .product-excerpt { order: 4; margin-bottom: 5px; } .products-list .content-product .product-details .st-swatch-in-loop { order: 5; } .products-list .content-product .product-details .quantity-wrapper { order: 6; }

2) Edit page > settings of section > height > fit to screen

Regards
#285139 Copied
vincentdv

Participant

April 22, 2021 at 17:11

Hi, my first product as shown in screenshot is a variable product. In its attribute, if I choose select, the selection bar will not appear on product page.
May I know how to show the selection bar on product page?
Or currently I am using label(square), its okay as well. But how to make the label box appear bigger? thank you

Please contact administrator
for this information.

#285176 Copied
Rose Tyler

Support staff

April 23, 2021 at 07:37
Hi,

“Select” type can’t be displayed on the Shop page.
Use the next code to change the size:

ul.st-swatch-size-normal li.type-label span { font-size: .85rem; } ul.st-swatch-size-normal li.type-label > span { padding: .4rem; }

Regards
#285211 Copied
Viewing 6 results - 1 through 6 (of 6 total)