Disrupting Store Layout when Enhanced Ecommerce Plugin Activated

Resolved

(@bpence)

Hi! Great plugin. Just noticing something weird when your plugin is activated on our site. Specifically, our ‘Add to Cart’ and ‘Show Details’ buttons below each of the products are no longer inline when activated.
The code before activating your plugin outputs this:

<div class="product-buttons">
	<div class="product-buttons-container clearfix">
		<a href="/illimar3/market/?add-to-cart=22389" rel="nofollow" data-product_id="22389" data-product_sku="BP1006" class="button add_to_cart_button product_type_simple">Add to cart</a>
		<a href="http://www.glenwoodgarden.com/illimar3/product/ajo-and-oio-twins/" class="show_details_button">Show details</a>
	</div>
</div>

The code after activating your plugin outputs this:

<div class="product-buttons">
	<div class="product-buttons-container clearfix">
		<a href="/market/?add-to-cart=4977" rel="nofollow" data-product_id="4977" data-product_sku="FC1006" class="button add_to_cart_button product_type_simple">Add to cart</a>
	</div>
	<a href="http://www.glenwoodgarden.com/product/abbys-fixx-copy/" class="show_details_button">Show details</a>
</div>

See how the ‘Show Details’ button gets removed from the .product-buttons-container and .clearfix div? That div kept everything inline.

Why would it be doing this?

https://wordpress.org/plugins/enhanced-e-commerce-for-woocommerce-store/

Viewing 6 replies - 1 through 6 (of 6 total)

Plugin Author Conversios
(@tatvic)

11 years, 11 months ago

Hi Bpence,

Sorry for the inconvenience. We are troubleshooting your issue & will get back to you with more information.

Additionally, if you can share with us your test URL/ development URL through this form it would be great!

Thank you,

Thread Starter Studio Pence
(@bpence)

11 years, 11 months ago

Hi Tatvic – thank you for your response. I filled out your form.

Brandon

Plugin Author Conversios
(@tatvic)

11 years, 11 months ago

Hi Brandon,

We are still working on your issue and will get back to you with more information in 24 hours.

Thank you,

Plugin Author Conversios
(@tatvic)

11 years, 11 months ago

Hi Brandon,

We’ve found the solution to your problem. To resolve, you will have to add few lines of code in your css. Follow the exact steps mentioned below for the same:

1) Logged in to you store as admin
2) Go to Appearance Section (Left side Panel)
3) Click on Editor & .css file will open
4) Now add the below mention code in your css file

.product-buttons-container.clearfix{
float:left;
}

.product-buttons .button.product_type_simple{
width: 80px;
}

5) Save the file

Performing the above steps will not disrupt your store layout and will make your add to cart button & show details back to original form.

Hope this helps. Let us know if you need more information or any other help.

Thank you,

Thread Starter Studio Pence
(@bpence)

11 years, 11 months ago

Tatvic – thanks. Your CSS updates obviously fixed the issue so thanks for that fix. However, it still really doesn’t fix the problem in that when your plugin is activated, it literally pulls the anchor with class “show_details_button” tag outside of the div. Why does your plugin have to make it do that?

Plugin Author Conversios
(@tatvic)

11 years, 11 months ago

Hi Brandon,

We did a quick check on your website and found that your ‘show detail button’ ‘is not getting disrupted. Here’s the screenshot of the same. In case you are still facing this issue, can you send us the screenshot along with the browser name & version?

Note: from the coding point of view, our plugin code is moving the “show detail button” tag outside of the div. This is happening because our plugin & your theme is using same hook i.e. woocommerce_after_shop_loop_item. From the coding standpoint – we will resolve this issue permanently in our upcoming release.

Thank you,

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Disrupting Store Layout when Enhanced Ecommerce Plugin Activated’ is closed to new replies.