-
AuthorPosts
-
January 19, 2019 at 1:09 am #1055742
Hello,
I love the enfold theme and I am very happy with the design I was able to create with it, just as I had imagined and wanted.
I am using woocommerce for the shopping cart, though I don’t want to use the woocommerce product pages as this is a big requirement for me to be able to have several products on one page. Like I want to be able to sell the original painting, cards and prints from the same main page.So for that as far as I can figure out, the best way seems to use product_page shortcode. I have each main artwork as a portfolio item, and on that page I added the product_page shortcode to display the purchase options. the products are variable products.
I am also trying to use wooswatches plugin to show nice buttons for picking out the variations,
Whe I view a particular product, say cards, just on the shop page (not a portfolio, but just as the woocommerce shop page) it looks really nice and clean
http://fv6.97e.myftpupload.com/wp-content/uploads/Capture.jpgWhen I add the product_page to a portfolio page, then this is what it looks like:the box smaller and squished to the right.
http://fv6.97e.myftpupload.com/wp-content/uploads/Capture1.jpgWhem I have the wooswatches: http://fv6.97e.myftpupload.com/wp-content/uploads/Capture2.jpg
Now when I tuen on the Advanced layout, which I would LOVE to use as I want to put each product on a separate tab and format the pge nicely, then
not only the box get squishes to the right and small but also the image gets tiny and gets pushed to the left
http://fv6.97e.myftpupload.com/wp-content/uploads/Capture3.jpgAnd when I have the wooswatches on withth e Advanced layout, in addition to the above, my swathes are gone and I cannot select my variations :(
http://fv6.97e.myftpupload.com/wp-content/uploads/Capture4.jpgI would like it to show as nicely as it shows on the original product page, if not, then like the page without the advanced layout builder where the image is not shrunk and way off to the left. Also I would like to be able to use the wooswatches and my variations look pretty.
This is really urgent as I have spent way too many days trying to get this to work. Please please help!!!
I am attaching the login details below- This topic was modified 5 years, 9 months ago by c_srishti.
January 21, 2019 at 9:53 pm #1056889Hello again,
So I have been trying to debug this problem of the image getting swished to the left and the product summary getting squished to the left. I started inspecting the elements with chrome and this is what I came up with:When I view the product with the cart page, ie, when I view a particular product, say cards, just on the shop page (not a portfolio, but just as the woocommerce shop page) it looks really nice and clean. I noticed that the the div.summary and the div.image have a styling overriding it called .template-shop
for the summary:
this class overrides the float:right; width:48%
and replaces it with width:100%; float=none; padding-bottom:10px;for the image:
this class overrides the float:left; width:48%
and replaces it with width:100%; float=none; padding-bottom:10px;But when I view the code behind on the portfolio page that is calling the [product_page] shortcode, this .template-shop has not been applied in the case of using a shortcode.
How can I make sure/what css and where to add it to make sure I get this style applied to the page when I am using a shortcode?
Please please help so I can go forward with my website.
I really appreciate your work!
Thank you
SrishtiJanuary 23, 2019 at 1:39 am #1057517Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
BasilisJanuary 23, 2019 at 10:22 pm #1057953Hello Basilis,
January 27, 2019 at 7:37 pm #1059411Any help would be appreciated! Thanks!
January 28, 2019 at 6:20 am #1059520Hi,
Thanks for the update. I think you forgot the login credentials though. Where can we see one of the products?
You can use this css code to increase the width of the image container..single-product-main-image { width: 50%; }
Default width value is 33%.
Best regards,
IsmaelJanuary 28, 2019 at 9:58 pm #1059803Hello Ismael,
The login details have been in the private tab in the post above all along.
Please check that once again.The css you gave did not reflect any changes for me. Please note I am using the shortcode. The product page works great but I need to show the products in the portfolio page using the shortcode [product_page]
Please see the description above.The page is here:
You can see the shortcode used on the tabs Cards and Prints lower down on the page.
The image and the product summary are shrunken down on the left and right side respectively.
I would appreciateany help.- This reply was modified 5 years, 9 months ago by c_srishti.
January 30, 2019 at 8:27 pm #1060602Any update on this?
I would appreciate any help fast please…January 31, 2019 at 12:33 pm #1060928Hi,
Thanks for the update.
This css code should work for the product shortcode.
div.product div.images { float: left; width: 100%; } .single-product-main-image { width: 70%; } div.product div.summary { float: right; width: 100%; }
Best regards,
IsmaelJanuary 31, 2019 at 11:54 pm #1061306Hi Ismael,
Thanks for the code, it made a all the difference,
I am able to have the image and the product summary side by side nicely.Another part of the above question is if I wanted to use this plugin wooswatches, to show swatches of my variations instead of the drop down, It works great on the shop page
Note the swatches on the shop page and ALSO the hover on the images, when I hover on the images they zoom.
But When I have that same product through the shortcode on this page:
http://fv6.97e.myftpupload.com/paintings/ketu-the-south-node/the wooswatches does not show anything, the variations disappear and the image does not zoom.
A solution to any of these issues would be great!
thanks a lot
SrishtiFebruary 4, 2019 at 4:34 am #1062473Hi,
The first product page doesn’t exist or is not found. We would like to help you with this but we are not familiar with the plugin’s code. Please contact the plugin author for additional help.
Best regards,
IsmaelNovember 18, 2019 at 10:56 am #1157785Hi Guys,
I am currently working on a website called smartpowerwear using Enfold.
I have an issue with the woo commerce single product pages.WHEN I AM USING THE ADVANCED LAYOUT EDITOR
When I use the advanced layout editor the link between the product images and product variations is broken (we have a selection of different coloured products and when you select a colour the main image changes to that colour. This stops working in the advanced layout editor because the standard product gallery isn’t being used.Is it possible to keep this feature in the advanced layout editor? for a custom single product page.
I hope this makes senseNovember 20, 2019 at 3:23 pm #1158497Hi Zack2410,
I replied to you in another thread. Please do not post duplicate issues.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.