We completely understand the desire to customize the PDP entry point app block to look more in line with the rest of your product page. We've provided easy-to-use app block settings as well as CSS guidance.
Below are the most frequently requested improvements and how you can implement them.
Adjust spacing between the PDP entry point and other buttons
Issue: PDP entry point is too close to the ATC or buy now buttons.
Steps to resolve:
In your Theme Customizer, click on the Theme settings (or the "settings" icon on the left sidebar).
Scroll down to the Custom CSS section.
Include custom CSS like the following and adjust the px value until you reach the desired margin spacing. The below would adjust the margin above the PDP entry point. If you would like to adjust the margin below the PDP entry point, use "margin-bottom" instead. Note that these px values can be negative or positive.
product-entrypoint {
margin-top: 15px;
}
Adjust PDP entry point to have non-rounded corners
In your Theme Customizer, click on the PDP Entry Point app block so that the settings appear.
Adjust the value for the container border radius. Set this to 0px for non-rounded corners.
Adjust rounded edges of the "Enable" button within the PDP entry point
In the PDP Entry Point app block settings, you can first try to select the checkbox "Copy CTA button styles." The effectiveness of this setting depends on the theme and how much customization you have around your ATC button styles.
If step 1 does not work, then you can go to the Theme settings (or the "settings" icon on the left sidebar).
Scroll down to the Custom CSS section.
You may use CSS like the following. The 0px is what determines how rounded the edges are. Use 0px for completely non-rounded edges or adjust upwards for more rounded edges.
product-entrypoint button {
border-radius: 0px !important;
}
Change the text within the PDP Entry Point
You can adjust the title, description, and button text through app block settings. Replace the text in the fields:
Title text
Description text
Button text
