Return to previous page

How to edit the dimensions of a variant button

This topic has 18 replies, 3 voices, and was last updated 7 months, 3 weeks ago ago by Rose Tyler

finn

Participant

November 30, 2023 at 10:46

This is my current variant button size:https://ibb.co/RYqZFPg

This is the size of the variant I was hoping for: https://ibb.co/WV12WXG

#375246 Copied Theme version: .9.2.4

17 Answers
Tony Rodriguez

Support staff

November 30, 2023 at 12:12
Hello, @finn,

We kindly request that you implement the following CSS code to attain the desired outcome on your website. Please navigate to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS, and insert the code provided below. After doing so, we recommend clearing your browser’s cache before revisiting your site to observe the changes.

Here is the CSS code for your convenience:
```
.single-product ul.st-swatch-size-large li.type-label>a, ul.st-swatch-size-large li.type-label>span {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
```
Should you require any further assistance, please do not hesitate to reach out.

Best Regards,
The 8Theme Team
#375261 Copied
finn

Participant

December 1, 2023 at 08:36

thank you.
I have another question, how do I create a discount display effect for this effect using Xstore.

Please contact administrator
for this information.

#375360 Copied

finn

Participant

December 1, 2023 at 09:10

How to add a price display next to the quantity selector.
like this: https://ibb.co/Db0T3cG

#375365 Copied

Tony Rodriguez

Support staff

December 1, 2023 at 09:46

Hello, @finn,

I hope this message finds you well.

Upon careful examination of your correspondence and the provided screenshots, I am pleased to guide you through the process of setting up a discount display effect within the XStore framework.

Kindly proceed with the following instructions:

1. Access the XStore control panel and navigate to the ‘SaleBooster’ section.
2. Enable the feature labeled ‘Quantity Discount.’
3. Within the settings, designate the preferred location for the ‘Quantity Discount SaleBooster’ to appear.

For your convenience, a visual representation of these steps can be found at the URLs below:
– https://ibb.co/LQwG9hT
– https://ibb.co/RSxqshy

I encourage you to explore the range of SaleBoosters available to enhance your user experience further.

Should you require any further clarification or assistance, please do not hesitate to contact us.

Note: We kindly request you to please generate a fresh new topic for each issue.

Yours sincerely,
The 8Themes Team

#375372 Copied

finn

Participant

December 1, 2023 at 09:49

1、Why does my preview page not show the variant option:
https://ibb.co/pdSNPcs
https://ibb.co/JmmhVwy

2、How do I set up my product descriptions to show up:
https://ibb.co/Y3rgmXX

3、How do I set my thumbnail to make him the same height as the main image like this:
https://ibb.co/pP5MqQd
https://ibb.co/HxK6p0t

4、How do I set my product image to always be fixed on the left side when I scroll down on my computer and tablet:

https://curlyme.com/products/m-cap-wear-go-glueless-wig-pre-cut-9×6-hd-lace-straight-hair-lace-front-wigs-pre-plucked?variant= 44086608396533

https://ibb.co/1Kq5npy

#375374 Copied

Tony Rodriguez

Support staff

December 1, 2023 at 12:44

Hello, @finn,

1) Should you encounter issues where the preview page does not display the variant option, we invite you to view the instructional video provided at the link below for assistance:

– https://youtu.be/LgzC4iK-j6A

2) To learn how to present the product description using the Single Product Builder with the Elementor page builder, please adhere to the following step-by-step instructions:

a) Proceed to Xstore > WP Dashboard > Products.
b) Select the product you wish to edit, avoiding the use of Elementor.
c) Compose and upload the short description.

Within the Single Product Builder, you have the flexibility to modify the color, alignment, and positioning of the short description.

For a graphical tutorial, kindly refer to the images accessible via these links:
https://ibb.co/nzbmhx4
https://ibb.co/VW6MZS7

3) We appreciate your inquiry regarding the adjustment of thumbnail height to align with the main image. To accomplish this, please execute the following steps:

a) Go to XStore > Theme Settings > Woocommerce > Single Products > Gallery.
b) Here, you can choose the Gallery type that best aligns with your needs.

For a graphical tutorial, kindly refer to the images accessible via these links:
https://ibb.co/Qc11YGL
https://ibb.co/qgSfSKq

4) To address your issue, we kindly ask that you deactivate the sticky option found under XStore > Theme Options > WooCommerce > Single Product Builder > Section 2 or 1, and confirm that the changes have been published.

For a graphical tutorial, kindly refer to the image accessible via this link:
https://ibb.co/DQvpRrV

Furthermore, we respectfully request that you initiate a separate new topic for each individual issue moving forward. This approach helps prevent confusion and overlapping responses within the same thread. We thank you for your understanding.

Yours sincerely,
The 8Themes Team

#375401 Copied

finn

Participant

December 2, 2023 at 07:23

How do I get to the Xstore editing interface, I can’t find an entry point for this editor, only elementor

Please contact administrator
for this information.

#375462 Copied

finn

Participant

December 2, 2023 at 07:30

My interface is not the same as the image you provided, there are no editing options.

Please contact administrator
for this information.

#375463 Copied

Tony Rodriguez

Support staff

December 2, 2023 at 09:55

Hello, @finn,

We would like to clarify the interface we have provided pertains specifically to the XStore > Theme Settings > WooCommerce > Single Products > Gallery. This is distinct from the the editor interface.

To elaborate, the screenshot we supplied is from the Theme Options, whereas the screenshot you have shared appears to be from the page editing process utilizing the Elementor page builder.

I trust this explanation resolves any confusion.

Best regards,
The 8Theme Team

#375474 Copied

finn

Participant

December 3, 2023 at 02:18

Why is it that after I select the image type and post it, it shows the original type.
https://ibb.co/qJsnRZ7

And I noticed that all the other module actions didn’t update the appearance of my product either.
https://ibb.co/hYGX2Dw

#375503 Copied

finn

Participant

December 3, 2023 at 07:16

How to use your templates in xstore:

https://postimg.cc/WD1WKkWm

#375506 Copied

Tony Rodriguez

Support staff

December 4, 2023 at 14:02

Hello, @finn,

I hope this message finds you well.

1) Upon conducting a thorough examination of the ‘Gallery’ and ‘Tab’ modules on the Single Product page within our test environment, We are pleased to report that both features are operating as expected. Should you encounter any difficulties on your own website, it is possible that this may be attributed to caching issues. I would kindly suggest that you clear your browser’s cache and then revisit your site to see if this resolves the problem. In the event that the issue remains unresolved, we would appreciate it if you could provide us with the WordPress credentials for your site so that we may conduct a more in-depth investigation.

For your convenience, a comprehensive visual guide can be found at the following links:
– https://streamable.com/qtsmke
– https://streamable.com/u6bwnz

2) Additionally, I would like to inform you that the “XStore Studio” template can be seamlessly integrated into any page using a page builder such as Elementor.

For further guidance, please consult the visual guide available at this link:
– https://streamable.com/3x21m1

Should you have any further inquiries or require additional assistance, please do not hesitate to contact us.

Yours sincerely,
The 8Themes Team

#375617 Copied

finn

Participant

December 4, 2023 at 14:35

this

Please contact administrator
for this information.

#375628 Copied

finn

Participant

December 5, 2023 at 04:51

Please log in and check my page, my editor doesn’t work the same way as the showcase video you provided.

#375675 Copied

Tony Rodriguez

Support staff

December 5, 2023 at 07:16

Hello, @finn,

I hope this message finds you well.

Regarding the editor issue you’ve encountered, we kindly request that you revert to Elementor Version 3.17.0. Additionally, please ensure that the automatic updates for this plugin are disabled to prevent any further complications. This action is necessary due to a known issue with the latest version of Elementor.

As for the gallery issue, it appears that you are utilizing the Elementor Pro builder instead of our proprietary theme builder for the single product page. The conditions set within Elementor Pro are currently applied across your entire site, which is why the theme options are not functioning as expected on your custom layout. To rectify this, please proceed to your WordPress Dashboard, navigate to Templates > Theme Builder > Single Product, and edit the layout accordingly. Once there, you can adjust the settings to meet your specific needs.

For your convenience, we have provided screenshots to guide you through this process:
– [Screenshot 1](https://ibb.co/zRF3wS9)
– [Screenshot 2](https://ibb.co/VqJxPgX)

Should you require any further assistance, please do not hesitate to reach out to us.

Best regards,
The 8Theme Team

#375683 Copied

finn

Participant

December 5, 2023 at 07:35

I’ve done what you did many times and the result is still the same:

https://ibb.co/wC93083
https://ibb.co/JzZ336G

Can you just go into my back office and check? I provided you with the account and password earlier.

#375684 Copied

Rose Tyler

Support staff

December 5, 2023 at 09:29

Hello, @finn,

We appreciate you reaching out to us.

We apologize for any inconvenience caused and kindly request that you provide us with a detailed description, one more time, of the issue at hand, as well as the outcome you are seeking.

Thank you for your understanding and collaboration. We eagerly await your response.

Kind Regards,
8theme team

#375698 Copied
Viewing 18 results - 1 through 18 (of 18 total)

The issue related to '‘How to edit the dimensions of a variant button’' has been successfully resolved, and the topic is now closed for further responses

How to edit the dimensions of a variant button

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection