enter image description hereI have been wondering how to add custom class or id to select certain elements in order to " display: none; " some images I don't want that are published automatically to my product listings in Shopify. I know I can remove these manually, but I publish a lot of products and doing this manually consumes a lot of time.
I know that there are no actual html elements since it is using liquid, so how to I select certain elements with custom class or id in liquid?
right now the 2 thumbnail images on my product listings that I need removed share the same tag for all 4 thumbnails and are being pulled from my media using a " a href " tag and url. But, only the url changes and all images use the same a href tag. I need to remove or hide automatically 2 of the 4 product thumbnail images.
So how do I select and hide only 2 of the 4 thumbnails?
Related
I need to click like icon but after checking the condition, if this is already liked or not. So i need two different locator paths to differentiate between the two. The only thing different is the classes but the class name has spcae in between and the protractor cannot locate the space class name, even after adding dots for space.
My protractor code and html structure is in the picture:
It's not clear what you're trying to achieve. If you update your post showing html of liked icon and not liked icon and what your script is doing i can give you a solution.
If your element is <i class="fa fa-heart liked">.
There are three ways to locate such elements using CSS.
$heart = $('i[class="fa fa-heart liked"]');
$heart = $('.fa.fa-heart.liked"]');
$heart = $('i[class*="fa-heart"][class*="liked"]'); // contains partially
Also you have an option using xpath
I'd like to modify the list of courses ( course overview ), to modify the display of the courses.
I'd like something like that:
Is there a way to save a thumbnail for each course in the database, and display it in the dashboard of the course list, each course with it's own picture, according to the subject
I have updated the file moodleDir\blocks\course_overview\renderer.php
I added a static HTML image next to each course
In the course settings form there is an option to add images in "Course Summary files"
You can upload an image there and retrieve it in the renderer using the function course_image($courseid) shown in this example:
https://gist.github.com/bmbrands/c1eb21dfa7f491b1205ea0ca806b5493
I am try to set multiple Images in attribute using Wysiwyg Editor and try to get those images in product detail page but no success. and in view source I get something like this <img alt="" lighthouse.jpg"}}"="" productfeed="" wysiwyg="" src="{{media url="> so may be it will not allow me to get path in this format {{media url="lighthouse.jpg"}}. So how to get images which i have uploaded using Wysiwyg Editor on product page.
Finally I got solution,
If you are also facing same issue than use
$this->helper('cms')->getBlockTemplateProcessor()->filter($this->helper('catalog/output')->productAttribute($this->getProduct(),nl2br($_description), 'description') )
Instead of
$this->helper('catalog/output')->productAttribute($this->getProduct(),nl2br($_description),
'description')
where you want to show product description or any attribute along with it's images which you uploaded using Wysiwyg editor. for further detail go through this link
I am using the joomla built in contacts extension for adding contacts. In this extension there is a section for contact details. There we can an image for a contact.
But I want to display 2 images for a single contact. How will I so this?
Joomla com_contact extension is not designed to display multiple images for the contact.
Consider following options:
Create 1 image that combines 2 images (side-by-side or vertical)
Add images in contact description with style="float:right"
Overload template in /templates/your_template/html/com_contacts/contact/default.php
Look at other extensions, for example aiContactSafe
When ClientBundle created, images from bundle are represent on page as inline data (for ex. img src="data:image/gif;base64,R0lGODlh.... ) in FF, CH. Images are assigned to background so "background-position" attributes works fine.
As usually, MS IE makes problems. Instead of embedding image, IE creates image map/texture atlas/image cache (not so sure about the name) so "background-position" can't be used. Is there any way to disable creation of the image cache.
Also, is it possible to control data embedding. For long list of for ex. list items generated html is very big as same data is repeated from item to item.
How are you including the images? with #Sprite? Create one #Sprite style with nothing in it but the image. Then create styles for all the rest of the css as separate styles. In the code you can set an element to multiple styles. As for ie, look at using chrome-frame when it is an old version of ie.