Forum Replies Created
-
AuthorPosts
-
September 22, 2022 at 9:18 am in reply to: Enfold / Woocommerce: square images and image size #1365936
I cannot make the original pictures square, cause we have too much pictures and we use the pictures multiple. It must be possible to use css with object-fit: contain to embed the images appropriately.
- This reply was modified 2 years, 2 months ago by donillo.
September 21, 2022 at 2:25 pm in reply to: Enfold / Woocommerce: square images and image size #1365844Next question regarding the category page:
https://v2.gmc-instruments.it/produkt-kategorie/metrologia-industriale/power-quality/How do I get the images centered in the div container? At the moment the main product image is cropped and it should be minimized in the div container.
Thanks!
I did the data in the private content field.
OK, thanks, I´ve got it.
Next question: Is it possible to change the design of the “product meta information”. At the moment the sku, tags and category are in one line. I´d would like to have it among each other.
Or to separate it: Only the sku and only tag/categotyHi Rikard,
ok, but how do I get a similar image gallery as in the original woocommerce template?
- This reply was modified 2 years, 5 months ago by donillo.
OK, how do I create my own product page? Where can I switch to the new product page in woocommerce? Cause in the regular settings I can only define the starting page of the shop.
I only found plugins for the gallery, thats the problem.
Is it possible to activate the extended layout editor in the product short description?Hi Mike,
yes the theme options worked for me.
Second question: I´d want to get the product images in the category view as square too without cropping the images. How can I manage this?
It worked via theme option. Many thanks!
I changed to woocommerce 3.0 product gallery already… But it dows not work.
If i click on a picture in the bottom picture gallery the lightbox appears.- This reply was modified 2 years, 6 months ago by donillo.
The login credentials are in the private area ;-) So I have to wait.
OK, got it.
/*Bildergalerie Hauptbild auf 500px begrenzen*/
#motif_main_image {
object-fit: contain;
width:500px;
height:500px;
background-color: #ffffff;
}
/*unnötiges CSS deaktivieren*/
.single-product-main-image {display: none;}But why do I need to deactivate the style single-product-main-image?
And how can I disable the lightbox functionality?Ah got it!
function avia_preload_screen() { $class = avia_get_option('preloader_transitions') != "disabled" ? 'av-transition-enabled' : ""; $label = __('Loading','avia_framework'); $logo = avia_get_option('preloader_logo'); if( is_numeric( $logo ) ) { $logo = wp_get_attachment_image_src( $logo, 'full' ); $logo = is_array( $logo ) ? $logo[0] : ''; } if( $logo ) { $class .= " av-transition-with-logo"; $logo = "<img class='av-preloading-logo' src='{$logo}' alt='{$label}' title='{$label}' />"; } $output = ""; $output .= "<div class='av-siteloader-wrap {$class}'>"; $output .= "<div class='magenta-line'></div>"; $output .= "<div class='av-siteloader-inner'>"; $output .= "<div class='av-siteloader-cell'>"; $output .= $logo; $output .= "<div class='av-siteloader'><div class='av-siteloader-extra'></div>"; $output .= "</div>"; $output .= "</div>"; $output .= "</div>"; $output .= "</div>"; return $output; }
Many thanks, it works.
But now the line is in the middle of the window. Is it possible to move the line to the top of the page?The question was about the blog functionality, but I solved it, I have to use the normal mode not the advanced mode at the wegpage, then the news appear as full post (without the more link).
-
AuthorPosts